前言
之前對(duì)數(shù)組的循環(huán)來說，我拿到代碼就使用forEach循環(huán)呕臂，主要原因是我對(duì)數(shù)組的其他方法不是很了解破托，以及覺得forEach已經(jīng)可以做到想要的效果，沒必要在去使用其他方法歧蒋，這都是對(duì)使用場(chǎng)景不了解導(dǎo)致的土砂，為了讓自己的代碼不再是千篇一律的forEach。特地總結(jié)一下這幾個(gè)方法谜洽。
函數(shù)1：some
函數(shù)形式：arr.some((value, index, arr) => {})
參數(shù)說明：第一個(gè)是每一個(gè)選項(xiàng)的值萝映，第二個(gè)是索引，第三個(gè)是數(shù)組本身
使用場(chǎng)景：表示數(shù)組中是否有一項(xiàng)滿足條件的阐虚，如果有就返回true,終止循環(huán)序臂，如果沒有，一直循環(huán)到結(jié)束敌呈，返回false贸宏，如果需要判斷只要有一項(xiàng)滿足就可以使用改方法
之前判斷是否重名用的都是forEach這次可以換成some方式解決問題
// 之前的forEach寫法如下
var arr = [{name: 'aaa', id: 1}, {name: 'bbb', id: 2}, {name: 'ccc', id: 3}, {name: 'ddd', id: 4}];
var testName = 'aaa';
var ifCount = 0;
var arrTest = arr.map(value => {
if (value.name === testName) {
ifCount++;
}
});
if (ifCount !== 0) {
console.log('重名了');
}
// 下面用some方法來解決
let repeation = arr.some(value => {
return value.name === testName;
})
if (repeation) { // 只要repeation為true說明找到了符合一模一樣的名字，那么就表示重名了discover_save.js-108/new_template-333
console.log('重名了');
}
函數(shù)2：every
函數(shù)形式：arr.every((value, index, arr) => {})
參數(shù)說明：第一個(gè)是每一個(gè)選項(xiàng)的值磕洪，第二個(gè)是索引，第三個(gè)是數(shù)組本身
使用場(chǎng)景：表示數(shù)組中是否每一項(xiàng)滿足條件的诫龙，如果是就返回true,如果有一項(xiàng)不滿足則返回false,終止循環(huán)
重名判斷用every來解決
// 下面用every方法來解決
let repeation = arr.every(value => {
return value.name !== testName;
})
if (!repeation) { // 只要repeation為false說明找到了符合一模一樣的名字析显，那么就表示重名了discover_save.js-108
console.log('重名了');
}
函數(shù)3：filter
函數(shù)形式：arr.filter((value, index, arr) => {})
參數(shù)說明：第一個(gè)是每一個(gè)選項(xiàng)的值，第二個(gè)是索引签赃，第三個(gè)是數(shù)組本身
使用場(chǎng)景：表示來獲取符合條件的每一個(gè)選項(xiàng)谷异，并返回。如果沒找到就返回一個(gè)空數(shù)組,如果一個(gè)數(shù)組是根據(jù)另一個(gè)數(shù)組按照某一個(gè)條件得到的可以用該方法
var arr = [{name: 'aaa', id: 1}, {name: 'bbb', id: 2}, {name: 'ccc', id: 3}, {name: 'ddd', id: 4}];
var test2 = arr.filter((value, item, arr) => { // /object/_object.js 11行
return value.id > 1;
})
函數(shù)4：find
函數(shù)形式：arr.find((value, index, arr) => {})
參數(shù)說明：第一個(gè)是每一個(gè)選項(xiàng)的值锦聊，第二個(gè)是索引歹嘹，第三個(gè)是數(shù)組本身
使用場(chǎng)景：表示來查找符合條件的任意一個(gè)，找到就返回改項(xiàng)孔庭，沒有就返回undefined, 此方法和some方法差不多尺上，但是此方法可以把找到的選項(xiàng)信息打印出來.
var arr = [{name: 'aaa', id: 1}, {name: 'bbb', id: 2}, {name: 'ccc', id: 3}, {name: 'ddd', id: 4}];
var test2 = arr.find((value, item, arr) => {
return value.id > 1;
})
函數(shù)5：map
函數(shù)形式：arr.map((value, index, arr) => {})
參數(shù)說明：第一個(gè)是每一個(gè)選項(xiàng)的值材蛛，第二個(gè)是索引，第三個(gè)是數(shù)組本身
使用場(chǎng)景：map就是用來對(duì)數(shù)組進(jìn)行一個(gè)處理怎抛，返回一個(gè)新的數(shù)組卑吭，在需要返回一個(gè)新的數(shù)組中使用
var arr = [{name: 'aaa', id: 1}, {name: 'bbb', id: 2}, {name: 'ccc', id: 3}, {name: 'ddd', id: 4}];
var test2 = arr.filter((value, item, arr) => { // new_template 92
return value.id > 1;
})
函數(shù)6：reduce
函數(shù)形式：arr.reduce((pre,value, index, arr) => {}，initArr);
參數(shù)說明：
情況1(沒初始化值情況下)
第一次時(shí)候pre表示第一個(gè)選項(xiàng)马绝，value表示第二個(gè)選項(xiàng)豆赏，index表示當(dāng)前項(xiàng)的下標(biāo)（此時(shí)當(dāng)前項(xiàng)目是第二項(xiàng)），arr表示原數(shù)組
第二次時(shí)候pre表示的是return出來的值富稻，value表示下一個(gè)選項(xiàng)掷邦，一次類推
情況2（有初始化值的情況下）
第一次時(shí)候pre表示初始化的值，value表示第一個(gè)選項(xiàng)椭赋，index表示第一個(gè)選項(xiàng)索引抚岗，arr表示數(shù)組本身
第二次時(shí)候pre表示返回的值，value表示第二個(gè)值纹份，依次類推
使用場(chǎng)景：需要累加數(shù)組值苟跪，計(jì)數(shù)的時(shí)候可使用
// 累加arr的值
let arr = [1, 2, 3, 4];
let total = arr.reduce((pre, value, index, arr) => {
return pre + value;
}) ;
consoel.log(total);
// 計(jì)數(shù)值大于2的有幾個(gè)
let arr = [1, 2, 3, 4];
let total = arr.reduce((pre, value, index, arr) => {
if (value > 2) {
return pre + 1;
}
return pre;
}, 0);
console.log(toatl);
