1. 程式人生 > >JavaScript中的迴圈

JavaScript中的迴圈

在JavaScript中,有以下幾種方式可以進行不同型別迴圈操作。

以下有變數值條件判斷必須有改變變數值的程式,不然迴圈會一直進行導致瀏覽器崩潰

一:for迴圈 - 迴圈程式碼塊一定的次數

//必須三個語句,兩個分號分割
// 第一個語句初始化迴圈中所用的變數,可無變數或任意個變數 (var i=0)
// 第二個語句初始變數是否能進行迴圈操作的評判條件,條件結果為true執行,false跳出迴圈,可選 (i<10)
// 第三個語句初始變數迴圈後的值操作,可選 (i++)
for(var i=0;i<10;i++){
    console.log(i); //0 1 2 3 4 5 6 7 8 9
}

二:for/in迴圈 - 迴圈遍歷物件的屬性

//對obj物件的屬性進行迴圈操作
var obj={
    name:'Jack',
    age:10,
    sex:'female',
    class:'tenth'
}
for(x in obj){
    console.log(x); //name age sex class
    console.log(obj[x]);    //Jack 10 female tenth
}

三:while迴圈 - 當指定的條件為 true 時迴圈指定的程式碼塊

//只要指定條件(i<5)為 true,迴圈就可以一直執行程式碼
var i=0;
while
(i<5){ console.log(i); //0 1 2 3 4 i++; }

四:do/while迴圈 - 同樣當指定的條件為 true 時迴圈指定的程式碼塊

//先執行程式碼再檢查條件
var i=0;
do{
    console.log(i); //0 1 2 3 4
    i++;
}
while(i<5)

五:forEach迴圈 - 陣列迴圈遍歷

//遍歷簡單陣列
var arr=[1,2,3,4,5];
arr.forEach(function(i){
    console.log(i);  //1 2 3 4 5
});
//遍歷json物件等複雜陣列
var
persons=[ {name:'jack',age:10,sex:'male'}, {name:'mark',age:12,sex:'male'}, {name:'mary',age:14,sex:'female'} ]; persons.forEach(function(obj){ console.log(obj); //{name:'jack',age:10,sex:'male'} {name:'mark',age:12,sex:'male'} {name:'mary',age:14,sex:'female'} });

相關推薦

Javascript的For迴圈

在開發的過程中,遍歷是一個經常遇到的。而for迴圈則是Javascript工具箱裡一個好用的,也常用的工具。每個人的習慣不同,for迴圈的寫法也不盡相同。 1、不寫宣告變數的寫法: for(var i = 0;i<arr.length;i++){} 我們很多時候的寫法使這種(做小白不堪回

Javascript快速退出多重迴圈的技巧

在雙重迴圈或多重迴圈中判斷條件,條件符合時跳出整個巢狀迴圈體是常見的程式邏輯。在Javascript中有哪些跳出的方法呢?樓主簡單整理了一下。 一. 使用多個break語句跳出 var breaked = false; for (var i = 0; i < 3; i++) { for (va

踩坑:javascriptfor迴圈,變數不是Number型別導致for迴圈不執行

情景:從html獲取4對{起點元素(id記為start)和終點元素(id記為end)},遍歷起點到終點的所有元素,並打印出元素id(假設id連續)解決方案:Number(待轉換數)進行強制轉換js程式碼:控制檯:如上圖控制檯:第一對兒元素{43,46},進入for迴圈正常列印

深入瞭解JavaScript 的For迴圈之詳解

轉載地址:https://segmentfault.com/a/1190000017569850 尊重原創 正文: ​ 在程式碼示例中我會用到es6中的語言,如果你還不是很瞭解,你可以看看阮老師的es6.(= =我也是一點一點跟著看的。) 1.map ​ 先說一下最常用的map.利用ma

javascript迴圈引用物件處理

先說明一下什麼是迴圈引用物件: var a={"name":"zzz"}; var b={"name":"vvv"}; a.child=b; b.parent=a; 複製程式碼 這裡的a和b都是一個迴圈引用物件。迴圈引用物件本來沒有什麼問題,序列化的時候才會發生問題,比如呼叫JSON.stringif

JavaScriptfor迴圈,while迴圈,do......while迴圈

一.for迴圈 for迴圈語法結構: for(迴圈條件初始化;迴圈條件判斷;迴圈迭代){ 迴圈體; } 執行規則: 第一步:迴圈條件的初始化 var i=0; 只在最開始執行一次 第二步:迴圈條件判斷 i<5; 若判斷條件結果為真:則執行迴圈體 若不成立: 結束迴圈;

javascript的for...of迴圈

for...of迴圈 這個直接看程式碼吧 1.遍歷陣列 var arr = [1,2,3,4,5]; for(let val of arr.values()){ console.log(val) }

JavaScript迴圈

在JavaScript中,有以下幾種方式可以進行不同型別迴圈操作。 以下有變數值條件判斷必須有改變變數值的程式,不然迴圈會一直進行導致瀏覽器崩潰 一:for迴圈 - 迴圈程式碼塊一定的次數 //必

javascriptfor迴圈的幾種寫法與總結

如果您希望一遍又一遍地執行相同的程式碼,並且每次的值都不同,那麼使用迴圈是很方便的。迭代語句又叫迴圈語句。 JavaScript 支援不同型別的迴圈: for - 迴圈程式碼塊一定的次數 for/in - 迴圈遍歷物件的屬性 while - 當指定

詳解JavaScript的Event Loop(事件迴圈)機制

前言我們都知道,javascript從誕生之日起就是一門單執行緒的非阻塞的指令碼語言。這是由其最初的用途來決定的:與瀏覽器互動。單執行緒意味著,javascript程式碼在執行的任何時候,都只有一個主執行緒來處理所有的任務。而非阻塞則是當代碼需要進行一項非同步任務(無法立刻返

深入理解JavaScript的for迴圈

簡單for迴圈for-inforEach for-of 下面我們就來看看這 4 種 for 迴圈。 簡單 for 迴圈 下面先來看看大家最常見的一種寫法: var arr = [1, 2, 3]; for(var i = 0; i < arr.length; i

JavaScriptfor..in迴圈的陷阱

大家都知道在JavaScript中提供了兩種方式迭代物件:   (1)for 迴圈;   (2)for..in迴圈; 使用for迴圈進行迭代陣列物件,想必大家都已經司空見慣了。但是,使用for.. in迴圈時,大家可要注意了,為什麼這麼說呢?大家聽我娓娓道來.... jav

javascript迴圈語句

1:while迴圈 語法:while(表示式){ //要執行的語句塊 } 2:for迴圈 語法:for(初始化表示式;迴圈條件表示式;增量表達式){ //要執行的語句塊 } 3:do-while迴圈 語法:do{ //

JavaScriptfor迴圈的幾種寫法與效率總結

前言 對於for迴圈,相信大家再常用不過了。但是這回說下for迴圈是因為看程式碼時我居然沒有看明白一個for迴圈的意思,真是不應該啊。 這個for迴圈是這麼寫的: ? 1 2 3 for (var i = 0, rule;

javascript函式的迴圈呼叫

這裡說的迴圈呼叫不是指函式的遞迴,而是指函式的返回值仍然是函式,可以繼續傳參呼叫,如下面的程式碼: function add(n){ ... } add(1); add(1)(2)(3); 這個循壞呼叫問題的來源是筆者在codewars裡遇到的一道題,題目資訊如

【實用】JavaScriptVideo使用詳解過程(多視訊列表迴圈播放)

做過一個專案裡有用到插入多個視訊類似列表迴圈播放的,視訊資訊是從後臺資料庫傳入的 核心JS程式碼片段 <script type="text/javascript"> var videoArray=new Array(); var relative

JavaScript 的函數介紹

所有 calculate 曾經 什麽 乘法 函數表達式 second 數字 brush 簡而言之函數只不過是一組執行某個操作的語句。函數可能會有一些輸入參數(在函數體中使用),並在執行後返回值。   JavaScript函數也具有這些特性,但它們不僅僅是常規函數。Java

JavaScriptthis的用法

屬於 指向 cti 用法 func 生成 純粹 ava 構造函數 this的使用環境有以下幾種 1、純粹的函數調用 純粹的函數調用屬於函數的最常用的用法,屬於全局性調用。在全局函數中,this等於window。 2、作為對象方法的調用 當函數不是全局調用,而是作為某個對象

javaScript奇葩的假值

http java color false javascrip fin sna 沒有 spa JavaScript中有 6 個值為“假”,這六個值是: false null undefined 0 ‘‘(空字符串) NaN 這裏面 false 本身是布爾類型,其它 5

JavaScript提供獲取HTML元素位置的屬性:

瀏覽器 var func set height cti fse 屬性 turn HTMLElement.offsetLeft HTMLElement.offsetHeight 但 是需要註意的是,這兩個屬性所儲存的數值並不是該元素相對整個瀏覽器畫布的絕對位置,而是相對於其父