Java Script 迴圈,數組,對象,判斷,階乘,查找-綜合運用合集

来源:https://www.cnblogs.com/566adsasdw55/archive/2022/09/28/16737118.html
-Advertisement-
Play Games

輸出100個hello world. for (var i = 1; i <= 100; i++) { console.log("hello world");} 創建一個包含1~100的數組. var array = [];for (var i = 1; i <= 100; i++) { array ...


 

  1. 輸出100個hello world.

    for (var i = 1; i <= 100; i++) {
    console.log("hello world");
    }
  2. 創建一個包含1~100的數組.

    var array = [];
    for (var i = 1; i <= 100; i++) {
    array.push(i);
    }
    console.log(array);
  3. 定義一個數組,遍歷輸出它的每一項.

    var array = [55, 45, 77, 88, 99, 101, 120];
    for (var i = 0; i < array.length; i++) {
    console.log(array[i]);
    }
  4. 輸出1-100的所有奇數.

    for (var i = 1; i < 100; i++) {
    if (i % 2 !== 0) {
    console.log(i);
    }
    }
  5. 定義一個數組,輸出數組中所有的奇數.

    var array = [44, 55, 23, 45, 77, 88];
    for (var i = 0; i < array.length; i++) {
    if (array[i] % 2 !== 0) {
    console.log(array[i]);
    }
    }
  6. 定義一個數組,找出所有的奇數,放入到一個新數組中.

    var array1 = [44, 55, 23, 45, 77, 8];
    var array2 = [];
    for (var i = 0; i < array1.length; i++) {
    if (array1[i] % 2 !== 0) {
    array2.push(array1[i]);
    }
    }
    console.log(array2);
  7. 1~100求和.

    var sum = 0;
    for (var i = 1; i <= 100; i++) {
    sum += i;
    }
    console.log(sum);
  8. 求某個數的階乘.

    function factorial(n) {
    var result = 1;
    if (n < 1) {
    return 0;
    }
    for (var i = 1; i <= n; i++) {
    result *= i;
    }
    return result;
    }
    console.log(factorial(5));
  9. 數組求和.

    sum = 0;
    var array = [1, 2, 3, 4, 5];
    for (var i = 0; i <= array.length; i++) {
    sum += i;
    }
    console.log(sum);
  10. 求數組中的奇數的個數.

    var count = 0;
    var array = [1, 2, 3, 4, 6];
    for (var i = 0; i < array.length; i++) {
    if (array[i] % 2 !== 0) {
    count++;
    }
    }
    console.log(count);
  11. 求數組中的奇數和.

    var sum = 0;
    var array = [1, 2, 3, 4, 7];
    for (var i = 0; i < array.length; i++) {
    if (array[i] % 2 !== 0) {
    sum = sum + array[i];
    }
    }
    console.log(sum);
  12. 數組中是否存在某個數,輸出 是 或 否.

    var array = [77, 88, 66, 54, 32, 21, 1];
    var target = 1;
    var isFind = false;
    for (var i = 0; i < array.length; i++) {
    if (array[i] === target) {
    isFind = true;
    break;
    }
    }
    if ((isFind = true)) {
    console.log("是");
    } else {
    console.log("否");
    }
  13. 數組中是否存在某個數,如果存在,則輸出它所在的下標,如果不存在,則輸出-1.

    var array = [99, 55, 34, 25, 77, 65, 32];
    var target = 65;
    var index = -1;
    for (var i = 0; i < array.length; i++) {
    if (array[i] === target) {
    index = i;
    break;
    }
    }
    console.log(index);
    var array = [1, 2, 3, 477, 54, 88, 65];
    for (var i = 0; i < array.length; i++) {
    console.log(i);
    }
  14. 找到數組中第一個奇數和最後一個奇數,將它們求和.

    var array = [55, 44, 65, 1, 2, 7, 15];
    var sum = 0;
    var isFind = false;
    for (var i = 0; i < array.length; i++) {
    if (array[i] % 2 !== 0) {
    isFind = array[i];
    }
    }
    var last = false;
    for (var i = array.length - 1; i >= 0; i--) {
    if (array[i] % 2 !== 0) {
    last = array[i];
    }
    sum = isFind + last;
    }
    console.log(isFind, last, sum);
  15. 有兩個數組,看兩個數組中是否都存在奇數,輸出 是 或 否.

    var array1 = [4, 44, 7, 10, 8, 22, 12];
    var array2 = [22, 80, 22, 31];
    var isFind1 = false;
    var isFind2 = false;
    for (var i = 0; i < array1.length; i++) {
    if (array1[i] % 2 !== 0) {
    isFind1 = array1[i];
    break;
    }
    }
    for (var i = 0; i < array2.length; i++) {
    if (array2[i] % 2 !== 0) {
    isFind2 = array2[i];
    break;
    }
    }
    if (isFind1 && isFind2) {
    console.log("是");
    } else {
    console.log("否");
    }
  16. 輸出一個對象的所有鍵值對.

    var obj = {
    a: 23,
    c: "jk",
    p: "75",
    };
    for (var key in obj) {
    console.log(key + "=" + obj[key]);
    }
  17. 計算對象中字元串屬性的數量.

    var obj = {
    a: "55",
    jk: "45",
    oppo: "54",
    txp: 5,
    };
    var count = 0;
    for (var key in obj) {
    if (typeof obj[key] === "string") {
    count++;
    }
    }
    console.log(count);
  18. 將一個對象所有的數字屬性,轉換為字元串,併在其前面加上¥.

    var obj = {
    name: "xxx",
    balance: 199.8,
    taken: 3000,
    };
    var newobj = {};
    for (var key in obj) {
    var velue = obj[key];
    if (typeof velue === "number") {
    newobj[key] = "¥" + velue;
    } else {
    newobj[key] = velue;
    }
    }
    console.log(obj, newobj);

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、使用原生js實現拖拽 點擊打開視頻講解更加詳細 <html lang="en"> <head> <meta charset="UTF-8" /> <title>Lazyload</title> <style> .drag { background-color: skyblue; position ...
  • 所有對象都有隱式原型; 原型也是對象,也有隱式原型. function User() {}console.log(User.prototype); function User() {}var u = new User();console.log(u.hasOwnProperty); Object.p ...
  • 在純靜態網站里,有時候會動態更新某個區域往會選擇 Pjax(swup、barba.js)去處理,他們都是使用 ajax 和 pushState 通過真正的永久鏈接,頁面標題和後退按鈕提供快速瀏覽體驗。 但是實際使用中可能會遇到不同頁面可能會需要載入不同插件處理,有些人可能會全量選擇載入,這樣會導致加 ...
  • 1 ES Module 規範 ES Module 是目前使用較多的模塊化規範,在 Vue、React 中大量使用,大家應該非常熟悉。TypeScript 中的模塊化與 ES 類似。 1.1 導出模塊 導出模塊有兩種方式:按需導出 和 預設導出。 按需導出是使用 export 關鍵字,將需要導出的成員 ...
  • HTML 中的 JavaScript 前言 在上一篇文章"什麼是JavaScript?"中我們說到js作為一門和頁面交互的語言。那如何把網頁的主導語言HTML和JavaScript關聯起來呢?在js早期,網景公司創造出了<script>元素,用來講JavaScript插入到HTML中。 <scrip ...
  • 一、開發優化一 1.使用Vant Weapp 1.1 什麼是Vant Weapp Vant Weapp官網鏈接 Vant Weapp是有贊前端團隊開源的一套小程式UI組件庫,助力開發者快速搭建小程式應用。它所使用的是MIT開源許可協議,對商業使用比較友好。 1.2 安裝Vant Weapp組件庫 安 ...
  • 什麼是JavaScript? 前言 本文內容為 博主閱讀“紅寶書”之後的總結和個人理解,有什麼錯誤歡迎指正! 一句話概括語言的誕生 1995年,網景公司一位名叫Brendan Eich的工程師,開發了一個叫Mocha的腳本語言。後來改名叫 JavaScript,以便蹭當時大火的Java的熱度。 到底 ...
  • 方法:定位,外邊距,內邊距,層級,邊框; 一個元素; 兩個元素; 三個元素. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e ...
一周排行
    -Advertisement-
    Play Games
  • 在C#中使用SQL Server實現事務的ACID(原子性、一致性、隔離性、持久性)屬性和使用資料庫鎖(悲觀鎖和樂觀鎖)時,你可以通過ADO.NET的SqlConnection和SqlTransaction類來實現。下麵是一些示例和概念說明。 實現ACID事務 ACID屬性是事務處理的四個基本特征, ...
  • 我們在《SqlSugar開發框架》中,Winform界面開發部分往往也用到了自定義的用戶控制項,對應一些特殊的界面或者常用到的一些局部界面內容,我們可以使用自定義的用戶控制項來提高界面的統一性,同時也增強了使用的便利性。如我們Winform界面中用到的分頁控制項、附件顯示內容、以及一些公司、部門、菜單的下... ...
  • 在本篇教程中,我們學習瞭如何在 Taurus.MVC WebMVC 中進行數據綁定操作。我們還學習瞭如何使用 ${屬性名稱} CMS 語法來綁定頁面上的元素與 Model 中的屬性。通過這些步驟,我們成功實現了一個簡單的數據綁定示例。 ...
  • 是在MVVM中用來傳遞消息的一種方式。它是在MVVMLight框架中提供的一個實現了IMessenger介面的類,可以用來在ViewModel之間、ViewModel和View之間傳遞消息。 Send 接受一個泛型參數,表示要發送的消息內容。 Register 方法用於註冊某個對象接收消息。 pub ...
  • 概述:在WPF中,通過EventHandler可實現基礎和高級的UI更新方式。基礎用法涉及在類中定義事件,併在UI中訂閱以執行更新操作。高級用法藉助Dispatcher類,確保在非UI線程上執行操作後,通過UI線程更新界面。這兩種方法提供了靈活而可靠的UI更新機制。 在WPF(Windows Pre ...
  • 概述:本文介紹了在C#程式開發中如何利用自定義擴展方法測量代碼執行時間。通過使用簡單的Action委托,開發者可以輕鬆獲取代碼塊的執行時間,幫助優化性能、驗證演算法效率以及監控系統性能。這種通用方法提供了一種便捷而有效的方式,有助於提高開發效率和代碼質量。 在軟體開發中,瞭解代碼執行時間是優化程式性能 ...
  • 概述:Cron表達式是一種強大的定時任務調度工具,通過配置不同欄位實現靈活的時間規定。在.NET中,Quartz庫提供了簡便的方式配置Cron表達式,實現精準的定時任務調度。這種靈活性和可擴展性使得開發者能夠根據需求輕鬆地制定和管理定時任務,例如每天備份系統日誌或其他重要操作。 Cron表達式詳解 ...
  • 概述:.NET提供多種定時器,如System.Windows.Forms.Timer適用於UI,System.Web.UI.Timer用於Web,System.Diagnostics.Timer用於性能監控,System.Threading.Timer和System.Timers.Timer用於一般 ...
  • 問題背景 有同事聯繫我說,在生產環境上,訪問不了我負責的common服務,然後我去檢查common服務的health endpoint, 沒問題,然後我問了下異常,timeout導致的System.OperationCanceledException。那大概率是客戶端的問題,會不會是埠耗盡,用ne ...
  • 前言: 在本篇 Taurus.MVC WebMVC 入門開發教程的第四篇文章中, 我們將學習如何實現數據列表的綁定,通過使用 List<Model> 來展示多個數據項。 我們將繼續使用 Taurus.Mvc 命名空間,同時探討如何在視圖中綁定並顯示一個 Model 列表。 步驟1:創建 Model ...