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