資訊專欄INFORMATION COLUMN
摘要：以上個(gè)方法及以上才支持。不過(guò)可以通過(guò)轉(zhuǎn)義支持低版本。以上均不改變?cè)瓟?shù)組。讓數(shù)組的前后兩項(xiàng)進(jìn)行某種計(jì)算，返回最終操作的結(jié)果。
1. forEach()
let array = [1,2,3,4];
array.forEach((item, index, array) => {
console.log(item);
});
forEach會(huì)遍歷數(shù)組, 沒有返回值, 不允許在循環(huán)體內(nèi)寫return, 不會(huì)改變?cè)瓉?lái)數(shù)組的內(nèi)容.2. map()
let array = [1, 2, 3, 4];
let temp = array.map((item, index, array) => {
return item * 10;
});
console.log(temp); // [10, 20, 30, 40];
console.log(array); // [1, 2, 3, 4]
map 遍歷數(shù)組, 會(huì)返回一個(gè)新數(shù)組, 不會(huì)改變?cè)瓉?lái)數(shù)組里的內(nèi)容3. filter()
let temp2 = array.map(String); // 把數(shù)組里的元素都轉(zhuǎn)成字符串
let array = [1, 2, 3, 4];
let temp = array.filter((item, index, array) => {
return item > 3;
});
console.log(temp); // [4]
console.log(array); // [1, 2, 3, 4]
filter 會(huì)過(guò)濾掉數(shù)組中不滿足條件的元素, 把滿足條件的元素放到一個(gè)新數(shù)組中, 不改變?cè)瓟?shù)組4. reduce()
let array = [1, 2, 3, 4];
let temp = array.reduce((x, y) => {
console.log("x": x);
console.log("y": y);
return x + y;
});
console.log(temp); // 10
console.log(array); // [1, 2, 3, 4]
x 是上一次計(jì)算過(guò)的值, 第一次循環(huán)的時(shí)候是數(shù)組中的第1個(gè)元素5. every()
y 是數(shù)組中的每個(gè)元素, 第一次循環(huán)的時(shí)候是數(shù)組的第2個(gè)元素
let array = [1, 2, 3, 4];
let bo = array.every((item, index, array) => {
return item > 2;
});
console.log(bo); // false;
every遍歷數(shù)組, 每一項(xiàng)都是true, 則返回true,只要有一個(gè)是false,就返回false6. some()
let array = [1, 2, 3, 4];
let tmep = array.some((item, index, array) => {
return item > 1;
});
console.log(temp); // true
遍歷數(shù)組的每一項(xiàng), 有一個(gè)返回true, 就停止循環(huán)7.values()
let arr=[1,2,234,"sdf",-2];
for(let a of arr.values()){
console.log(a) //結(jié)果：1,2,234,sdf,-2 遍歷了數(shù)組arr的值
}
values，對(duì)數(shù)組項(xiàng)的遍歷8.keys()
let arr=[1,2,234,"sdf",-2];
for(let a of arr.keys()){
console.log(a) //結(jié)果：0,1,2,3,4 遍歷了數(shù)組arr的索引
}
keys，對(duì)數(shù)組索引的遍歷9.entries()
let arr=["w","b"];
for(let a of arr.entries()){
console.log(a) //結(jié)果：[0,w],[1,b]
}
for(let [i,v] of arr.entries()){
console.log(i,v) //結(jié)果：0 w,1 b
}
entries，對(duì)數(shù)組鍵值對(duì)的遍歷。
以上9個(gè)方法IE9及以上才支持。不過(guò)可以通過(guò)babel轉(zhuǎn)義支持IE低版本。
以上均不改變?cè)瓟?shù)組。
some、every返回true、false。
map、filter返回一個(gè)新數(shù)組。
reduce讓數(shù)組的前后兩項(xiàng)進(jìn)行某種計(jì)算，返回最終操作的結(jié)果。
forEach 無(wú)返回值。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/97252.html
摘要：的翻譯文檔由的維護(hù)很多人說(shuō)，阮老師已經(jīng)有一本關(guān)于的書了入門，覺得看看這本書就足夠了。前端的異步解決方案之和異步編程模式在前端開發(fā)過(guò)程中，顯得越來(lái)越重要。為了讓編程更美好，我們就需要引入來(lái)降低異步編程的復(fù)雜性。 JavaScript Promise 迷你書（中文版） 超詳細(xì)介紹promise的gitbook，看完再不會(huì)promise...... 本書的目的是以目前還在制定中的ECMASc...
摘要：常用知識(shí)總結(jié)之前總結(jié)了中的一些知識(shí)點(diǎn)。在年正式發(fā)布了，簡(jiǎn)稱，又稱為。作為構(gòu)造函數(shù)的語(yǔ)法糖，同時(shí)有屬性和屬性，因此同時(shí)存在兩條繼承鏈。子類的屬性，表示構(gòu)造函數(shù)的繼承，總是指向父類。 ES6常用知識(shí)總結(jié) 之前總結(jié)了es5中js的一些知識(shí)點(diǎn)。這段時(shí)間看了石川blue老師講解的es6課程，結(jié)合阮一峰老師的es6教程，隨手做了一些筆記和總結(jié)分享給大家。內(nèi)容還是es6主要的知識(shí)點(diǎn)，基本沒有什么創(chuàng)新...
摘要：常用知識(shí)總結(jié)之前總結(jié)了中的一些知識(shí)點(diǎn)。在年正式發(fā)布了，簡(jiǎn)稱，又稱為。作為構(gòu)造函數(shù)的語(yǔ)法糖，同時(shí)有屬性和屬性，因此同時(shí)存在兩條繼承鏈。子類的屬性，表示構(gòu)造函數(shù)的繼承，總是指向父類。 ES6常用知識(shí)總結(jié) 之前總結(jié)了es5中js的一些知識(shí)點(diǎn)。這段時(shí)間看了石川blue老師講解的es6課程，結(jié)合阮一峰老師的es6教程，隨手做了一些筆記和總結(jié)分享給大家。內(nèi)容還是es6主要的知識(shí)點(diǎn)，基本沒有什么創(chuàng)新...
摘要：常用知識(shí)總結(jié)之前總結(jié)了中的一些知識(shí)點(diǎn)。在年正式發(fā)布了，簡(jiǎn)稱，又稱為。作為構(gòu)造函數(shù)的語(yǔ)法糖，同時(shí)有屬性和屬性，因此同時(shí)存在兩條繼承鏈。子類的屬性，表示構(gòu)造函數(shù)的繼承，總是指向父類。 ES6常用知識(shí)總結(jié) 之前總結(jié)了es5中js的一些知識(shí)點(diǎn)。這段時(shí)間看了石川blue老師講解的es6課程，結(jié)合阮一峰老師的es6教程，隨手做了一些筆記和總結(jié)分享給大家。內(nèi)容還是es6主要的知識(shí)點(diǎn)，基本沒有什么創(chuàng)新...
閱讀 2062·2021-10-09 09:41
閱讀 1626·2021-09-28 09:36
閱讀 1142·2021-09-26 09:55
閱讀 1322·2021-09-10 11:17
閱讀 1181·2021-09-02 09:56
閱讀 2784·2019-08-30 12:58
閱讀 2958·2019-08-29 13:03
閱讀 1886·2019-08-26 13:40
