1.forEach()
forEach会遍历数组, 没有返回值, 不允许在循环体内写return, 不会改变原来数组的内容.forEach()也可以循环对象。
let array = [1,2,3,4];
array.forEach((item, index, array) => {
console.log(item);
});
2.map()
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]
3.filter()
filter 会过滤掉数组中不满足条件的元素, 把满足条件的元素放到一个新数组中, 不改变原数组
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]
4.reduce()
x 是上一次计算过的值, 第一次循环的时候是数组中的第1个元素
y 是数组中的每个元素, 第一次循环的时候是数组的第2个元素
let array = [1, 2, 3, 4];
let temp = array.reduce((x, y) => {
console.log("x,"+x);
console.log("y,"+y);
console.log("x+y,",Number(x)+Number(y));
return x + y;
});
console.log(temp); // 10
console.log(array); // [1, 2, 3, 4]
reduce计算数组中元素出现的次数
let arr1 = ['name','age','long','short','long','name','name'] // 计算数组中元素出现的次数
let arrResult = arr1.reduce((pre,cur) =>{
if(cur in pre){
pre[cur]++ //这里的意思是如果pre里面有这个属性就加一
}else{
pre[cur] = 1 // 这里意思是往pre对象中如果没有这个属性,就把这个属性赋值为1
}
return pre
},{});
console.log(arrResult) //输出{name: 3, age: 1, long: 2, short: 1}
5.every()
every遍历数组, 每一项都是true, 则返回true, 只要有一个是false, 就返回false
let array = [1, 2, 3, 4];
let bo = array.every((item, index, array) => {
return item > 2;
});
console.log(bo); // false;
6.some()
遍历数组的每一项, 有一个返回true, 就停止循环
let array = [1, 2, 3, 4];
let temp = array.some((item, index, array) => {
return item > 5;
});
console.log(temp); // true