-
forEach()(ES6)方法對(duì)數(shù)組的每個(gè)元素執(zhí)行一次給定的函數(shù)恩溅。
1. 數(shù)組里的元素個(gè)數(shù)有幾個(gè),該方法里的回調(diào)就會(huì)執(zhí)行幾次
2. 第一個(gè)參數(shù)是數(shù)組里的元素,第二個(gè)參數(shù)為數(shù)組里元素的索引坎背,第三個(gè)參數(shù)則是它自己(利用第三個(gè)參數(shù)可以進(jìn)行數(shù)組去重)
3. 數(shù)組自帶的遍歷方法替劈,foreach在循環(huán)次數(shù)未知或者計(jì)算起來較復(fù)雜的情況下效率比for循環(huán)高
4. 循環(huán)的數(shù)組元素是基本數(shù)據(jù)類型,不會(huì)改變?cè)瓟?shù)據(jù)的數(shù)據(jù)得滤,循環(huán)的數(shù)組元素為對(duì)象陨献,會(huì)改變?cè)瓟?shù)組的對(duì)象屬性的值
5. 循環(huán)過程中不支持修改索引,回調(diào)中使用return不會(huì)報(bào)錯(cuò)懂更,但是無效
注意:不能使用break和continue跳出整個(gè)循環(huán)或當(dāng)前循環(huán)的,會(huì)報(bào)錯(cuò)沮协,但是結(jié)合try...catch可以實(shí)現(xiàn)跳出循環(huán)
const array1 = ['a', 'b', 'c'];
array1.forEach(element => console.log(element));
缺點(diǎn):沒有辦法中止或跳出 `forEach()` 循環(huán)
-
map()(ES6) 方法創(chuàng)建一個(gè)新數(shù)組龄捡,其結(jié)果是該數(shù)組中的每個(gè)元素是調(diào)用一次提供的函數(shù)后的返回值。
const array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x * 2);
console.log(map1); //[2, 8, 18, 32]
三個(gè)參數(shù):數(shù)組元素皂股,元素索引墅茉,原數(shù)組本身
-
flatMap()方法首先使用映射函數(shù)映射每個(gè)元素,然后將結(jié)果壓縮成一個(gè)新數(shù)組呜呐。它與 map 連著深度值為1的 flat 幾乎相同就斤,但
flatMap
通常在合并成一種方法的效率稍微高一些。
var arr1 = [1, 2, [3, 4]];
arr1.flatMap(x => x); //[1, 2, 3, 4]
var arr1 = [1, 2, 3, 4];
arr1.flatMap(x => [[x * 2]]); // [[2], [4], [6], [8]]
- for...in...
這個(gè)循環(huán)用的人也很多蘑辑,但是效率最低(輸出的 key 是數(shù)組索引)洋机,如果遍歷的是對(duì)象,輸出的則是對(duì)象的屬性名
- for...of...
性能要好于 `for..in...`洋魂,但仍然比不上普通的 `for` 循環(huán)
?注意:不能循環(huán)對(duì)象绷旗,因?yàn)槿魏螖?shù)據(jù)結(jié)構(gòu)只要部署 Iterator接口,就可以完成遍歷操作副砍,有些數(shù)據(jù)結(jié)構(gòu)原生具備 Iterator 接口衔肢,比如Array、Map豁翎、Set角骤、String等,而 Iterator 接口是部署在數(shù)據(jù)結(jié)構(gòu)的Symbol.iterator屬性上的心剥,而對(duì)象Object恰恰是沒有Symbol.iterator屬性的邦尊,所以無法被for..of遍歷
-
filter(ES6)遍歷數(shù)組,過濾出符合條件的元素并返回一個(gè)新數(shù)組, 如果沒有任何數(shù)組元素通過測(cè)試优烧,則返回空數(shù)組蝉揍。
const result = words.filter(word => word.length > 6);
console.log(result) //["exuberant", "destruction", "present"]
-
some()函數(shù)(ES6)
遍歷數(shù)組中是否有符合條件的元素,返回值為Boolean值
這個(gè)它只要找到一個(gè)符合條件的畦娄,就返回 true又沾。
var arr = [
{ id: 1, name: '買筆', done: true },
{ id: 2, name: '買筆記本', done: true },
{ id: 3, name: '練字', done: false }
]
var bool = arr.some(function (item, index) {
return item.done
})
console.log(bool) // true
-
every()函數(shù)(ES6)
測(cè)試數(shù)組的各個(gè)元素是否通過了回調(diào)函數(shù)的測(cè)試
若都通過弊仪,返回 true,否則返回 false
簡(jiǎn)單的說就是如果回調(diào)函數(shù)每次返回的值都是 true 的話捍掺,則 every() 返回 true撼短,否則為 false。
var arr = [
{ id: 1, name: '買筆', done: true },
{ id: 2, name: '買筆記本', done: true },
{ id: 3, name: '練字', done: false }
]
var bool = arr.every((item, index) => {
return item.done
})
console.log(bool) // false
-
find()函數(shù)(ES6)
返回第一個(gè)通過測(cè)試的元素,如果沒有通過測(cè)試的元素挺勿,則會(huì)返回**undefined**。
var arr = [1, 1, 2, 2, 3, 3, 4, 5, 6]
var num = arr.find( (item, index) => {
return item === 3
})
console.log(num) // 3
-
findIndex()函數(shù) (ES6)
這個(gè)函數(shù)與上面的find()作用一樣喂柒,就是它返回的值為該通過第一個(gè)元素的索引不瓶。
var arr = [1, 1, 2, 2, 3, 3, 4, 5, 6]
var num = arr.findIndex(item => {
return item === 3
})
console.log(num) // 4