相信大家肯定知道这三个ES5新增的方法,接下来我们说说他们之间的区别
- forEach()
//1. forEach 迭代(遍历) 数组 相当于循环遍历每一个数组,跟for循环很类似
let arr1 = [1, 2, 3, 4];
arr1.forEach((value, index, array) => {
console.log('每个数组元素' + value);
console.log('每个数组元素的索引号' + index);
console.log('数组本身' + array);
});
forEach 区别在于他会一直执行里面的代码,数组有几个长度,他就回执行几次
2.filter()
//2. filter() 创建一个新的数组,返回指定条件的所有元素,返回的是新数组
let arr1 = [1, 2, 3, 4];
let arr2 = arr1.filter((value, index, array) => {
console.log('每个数组元素' + value);
console.log('每个数组元素的索引号' + index);
console.log('数组本身' + array);
return value >= 2;
})
console.log(arr2);
filter 区别在于他是需要一个变量来接收返回值的,数组有几个长度就回执行几次
3.some()
//3. some() 查找数组中满足条件的元素,返回值是布尔值,第一个满足条件就不会继续查找
let arr1 = [1, 2, 3, 4];
let arr4 = [];
let arr3 = arr1.some((value, index, array) => {
// console.log('每个数组元素' + value);
// console.log('每个数组元素的索引号' + index);
// console.log('数组本身' + array);
// return value == 6;
if (value == 2) {
arr4.push(value);
return true
}
})
console.log(arr3);
console.log(arr4);
some 相对于前两个,some它跟filter是差不多的也是需要接收返回值,但是它返回的是一个布尔值,且只要判断为true他就不会继续往下执行,上面写了两种案例,希望有用
写的不好请多多关照!!!