1. 程式人生 > 其它 >ES5新增方法--查詢方法--forEach(),filter(),some()區別

ES5新增方法--查詢方法--forEach(),filter(),some()區別

1.forEach方法 迭代(遍歷)陣列

var arr = [1, 2, 3];
        var sum = 0;
        arr.forEach(function (value, index, array) {
            console.log('當前陣列元素' + value);
            console.log('當前陣列元素的索引號' + index);
            console.log('陣列本身' + array);
            sum += value;
        })
        console.log(sum);

該方法和使用for迴圈遍歷陣列類似。

2.filter方法

 var arr = [12, 66, 4, 88, 3, 7]
        var newArr = arr.filter(function (value, index) {
            // return value >= 20;
            return value % 2 === 0;
        })
        console.log(newArr);
filter() 查詢滿足條件的元素返回的是一個數組 而且是把所有滿足條件的元素返回回來 3.some方法
var arr = [10, 30, 4]
var flag = arr.some(function (value) { // return value >= 20; return value < 20; }) console.log(flag); var arr1 = ['red', 'pink', 'green '] var flag1 = arr1.some(function (value) { return value == 'pink'; }) console.log(flag1);
some 也是查詢滿足條件的元素是否存在 返回的是一個布林值 如果找到第一個滿足條件的元素, 則終止迴圈不在繼續查詢。