資訊專欄INFORMATION COLUMN
摘要：日常的代碼編寫中總少不了實現(xiàn)循環(huán)的需求，當(dāng)你需要對代碼塊執(zhí)行多次相同或類似的操作時就要用到循環(huán)，其中使用占比最多的當(dāng)然是循環(huán)，今天來對這個強(qiáng)大的家族做做小總結(jié)最基礎(chǔ)最常用同樣也是功能最強(qiáng)大的當(dāng)然是循環(huán)本身了，來看看基本結(jié)構(gòu)聲明循環(huán)變量循環(huán)的
日常的代碼編寫中總少不了實現(xiàn)循環(huán)的需求，當(dāng)你需要對代碼塊執(zhí)行多次相同或類似的操作時就要用到循環(huán)，其中使用占比最多的當(dāng)然是for循環(huán)，今天來對這個強(qiáng)大的for ‘家族’ 做做小總結(jié)
for最基礎(chǔ)最常用同樣也是功能最強(qiáng)大的當(dāng)然是for循環(huán)本身了，來看看基本結(jié)構(gòu)
for(聲明循環(huán)變量;循環(huán)的條件;修改循環(huán)變量){ 循環(huán)執(zhí)行的代碼塊 }
=> for(let i;i
來個例子:
var arr = [];
for(let i=0;i<5;i++){
arr.push(i);
}
console.log(arr); //[0,1,2,3,4]
for的優(yōu)點：
可控性強(qiáng)，能做的操作多，你可以在這個代碼塊中書寫復(fù)雜的循環(huán)條件，以致來修改或達(dá)到你所需的效果
缺點：
相對后面要說的循環(huán)方式代碼較為繁瑣，不夠簡易，比如操作數(shù)組的時候，大多時候是針對下標(biāo)或者內(nèi)容，而不是實現(xiàn)復(fù)雜的業(yè)務(wù)邏輯
for in
for in用于循環(huán)對象屬性,當(dāng)需要遍歷一個對象或關(guān)聯(lián)數(shù)組，去獲取他們每一項的內(nèi)容或者對其進(jìn)行操作時，常用到for in,
普通的循環(huán)只能遍歷索引數(shù)組，即下標(biāo)為數(shù)字的數(shù)組，而關(guān)聯(lián)數(shù)組則是自定義下標(biāo)名稱的數(shù)組,
循環(huán)中的代碼每執(zhí)行一次，就會對數(shù)組的元素或者對象的屬性進(jìn)行一次操作。
for(變量/下標(biāo) in 數(shù)組/對象){ 循環(huán)執(zhí)行的操作 }
=> for(var key in arr){ ... }
來個例子:
var score=[76,80,86,73,92];
var sum=0;
for(var key in score){
sum+=score[key];
}
console.log(sum); // 407
適合用來操作關(guān)聯(lián)數(shù)組而不是索引數(shù)組
forEach
forEach是數(shù)組的一個API，如果僅遍歷數(shù)組而不需要沒有返回值，
或僅對原數(shù)組中的元素執(zhí)行修改操作，不需要返回新數(shù)組時，
forEach是一個不錯的選擇，它可以獲得數(shù)組的下標(biāo)和內(nèi)容
arr.forEach(當(dāng)前內(nèi)容,下標(biāo),數(shù)組){ ... }
=> arr.forEach(elem,i,arr){ ... }
// 根據(jù)需要選擇參數(shù)的個數(shù)
來個例子:
var nums=[1,2,3,4,5];
nums.forEach(function(elem,i,arr){
arr[i]*=2;
})
console.log(nums); //2,4,6,8,10
優(yōu)點：既可以獲得元素的下標(biāo)，又能修改元素的內(nèi)容
缺點：無法控制遍歷時候的順序，是數(shù)組API，比如arguments之類的類數(shù)組對象使用不了
for of
ES6新增的極簡化for循環(huán)，常用于遍歷索引數(shù)組
for(var 數(shù)組中的當(dāng)前元素 of 數(shù)組){ ... }
=> for(var elem of arr){ ... }
來個例子:
var names=["Tom","Alex","Pand"]
for(var name of names){//遍歷索引數(shù)組
//of依次取出names數(shù)組中每個人名保存到前邊的變量name中
console.log(name + " - 到!");
}
// Tom - 到!
// Alex - 到!
// Pand - 到!
優(yōu)點：書寫簡化的for循環(huán)，可以控制遍歷的順序
缺點：只能獲取元素內(nèi)容，無法獲取下標(biāo)
以上就是我的一下小總結(jié)，主要通過這次整理讓自己回顧一下概念知識，歡迎指正錯誤
不努力
就淘汰
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104290.html
摘要：李尋歡是風(fēng)云第一刀書中第一高帥富。設(shè)計規(guī)范也將詳細(xì)規(guī)定何時何地使用何種控件，并提供詳細(xì)視覺設(shè)計稿，以便開發(fā)人員準(zhǔn)確理解，避免歧義。而就在不久前，官宣停止對這個版本的維護(hù)，因此這個版本已經(jīng)正式退出歷史舞臺。 Jerry: 我和周帥認(rèn)識不久，自去年7月SAP成都研究院Cloud for Customer(以下簡稱為C4C)開發(fā)團(tuán)隊組建至今，根據(jù)這段時間和周帥愉快的合作經(jīng)歷，我覺得如果把周帥...
摘要：李尋歡是風(fēng)云第一刀書中第一高帥富。設(shè)計規(guī)范也將詳細(xì)規(guī)定何時何地使用何種控件，并提供詳細(xì)視覺設(shè)計稿，以便開發(fā)人員準(zhǔn)確理解，避免歧義。而就在不久前，官宣停止對這個版本的維護(hù)，因此這個版本已經(jīng)正式退出歷史舞臺。 Jerry: 我和周帥認(rèn)識不久，自去年7月SAP成都研究院Cloud for Customer(以下簡稱為C4C)開發(fā)團(tuán)隊組建至今，根據(jù)這段時間和周帥愉快的合作經(jīng)歷，我覺得如果把周帥...
摘要：李尋歡是風(fēng)云第一刀書中第一高帥富。設(shè)計規(guī)范也將詳細(xì)規(guī)定何時何地使用何種控件，并提供詳細(xì)視覺設(shè)計稿，以便開發(fā)人員準(zhǔn)確理解，避免歧義。而就在不久前，官宣停止對這個版本的維護(hù)，因此這個版本已經(jīng)正式退出歷史舞臺。 Jerry: 我和周帥認(rèn)識不久，自去年7月SAP成都研究院Cloud for Customer(以下簡稱為C4C)開發(fā)團(tuán)隊組建至今，根據(jù)這段時間和周帥愉快的合作經(jīng)歷，我覺得如果把周帥...
閱讀 3406·2021-09-22 15:17
閱讀 2761·2021-09-02 15:15
閱讀 1794·2019-08-30 15:54
閱讀 2014·2019-08-30 14:02
閱讀 2544·2019-08-29 16:58
閱讀 3003·2019-08-29 16:08
閱讀 1345·2019-08-26 12:24
閱讀 1670·2019-08-26 10:41
