forEach、filter、some 的区别

相信大家肯定知道这三个ES5新增的方法,接下来我们说说他们之间的区别

  1. 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他就不会继续往下执行,上面写了两种案例,希望有用

写的不好请多多关照!!!

猜你喜欢

转载自blog.csdn.net/weixin_50587417/article/details/120871000