1.forEach()方法

forEach() 迭代(遍历)数组

<script>
        //forEach 迭代(遍历)数组
        var arr = [1, 2, 3];
        var sum = 0;
        arr.forEach(function(currentValue, index, array) {
        	//function()里面的参数可以根据自己的实际需求进行填写 不一定都要写上去
            console.log('每个数组元素' + currentValue);
            console.log('每个数组元素索引' + index);
            console.log('数组本身' + array);
            sum += currentValue;
        })
        console.log(sum);
    </script>

es 数组添加元素_数组元素

2.filter()方法

filter() 筛选数组 筛选满足条件的数组元素 放入新的数组 并返回一个新的数组

<script>
        //filter 筛选数组
        var arr = [12, 66, 4, 7, 3, 88];
        var newArr = arr.filter(function(currentValue, index) {
            // return currentValue >= 20;
            //返回偶数
            return currentValue % 2 == 0;
            //返回的是新数组 接收
        })
        console.log(newArr); //[66,88];
    </script>

es 数组添加元素_迭代_02

3.map()方法

map()方法 将原数组按照一定的规则映射成一个新的数组,然后再将其返回

<script>
        //map()的作用就是将原数组按照一定的规则映射成一个新的数组,然后再将其返回,注意返回新的数组
        var arr = ['a', 'b', 'c'];
        var newArr = arr.map(function(currentValue, index, array) {
            //让一个数组元素都 拼接一个 !
            return currentValue + '!';
        });
        console.log(newArr);
    </script>

es 数组添加元素_数组_03

4.some()方法

some()方法 查找数组中是否有满足条件的元素 返回值是 布尔类型

//some 查找数组中是否有满足条件的元素  返回值是 布尔类型
        var arr = [10, 20, 30];
        var flag = arr.some(function(value) {
            // return value >= 40;
            return value <= 20;
        });
        var arr1 = ['red', 'pink'];
        var flag1 = arr1.some(function(value) {
            return value === 'pink';
        })
        console.log(flag);
        console.log(flag1);
        //filter 也是查找满足条件的元素  但是返回值是数组 而且是把所有满足条件的元素返回回来
        //some 也是查找满足条件的元素是否存在 返回的是布尔值  true false  如果查找到第一个满足条件的元素 就终止循环
    </script>

es 数组添加元素_数组_04


filter()和some()的区别

  • filter 也是查找满足条件的元素 但是返回值是数组 而且是把所有满足条件的元素返回回来
  • some 也是查找满足条件的元素是否存在 返回的是布尔值 true false 如果查找到第一个满足条件的元素 就终止循环
<script>
       var arr = ['red', 'green', 'blue', 'pink'];
        //1.forEach()迭代 遍历
        arr.forEach(function(value) {
            if (value == 'green') {
                console.log('找到了该元素');
                return true; //后面还是会执行  所以在forEach里 return 不会终止循环
            }
            console.log(11);
        });
        //2.some()
        arr.some(function(value) {
            if (value == 'green') {
                console.log('找到了该元素');
                return true; //在 some里面 遇到return true 就会终止遍历 迭代效率高  true表示找到了该元素  false表示没有找到该元素 会继续遍历
            }
            console.log(11);
        });
        // 3.filter()
        arr.filter(function(value) {
            if (value == 'green') {
                console.log('找到了该元素');
                return true; //后面还是会执行  所以在filter里 return 不会终止循环
            }
            console.log(11);
        });
    </script>

1.forEach()执行结果

es 数组添加元素_数组元素_05


2.some()执行结果

es 数组添加元素_es 数组添加元素_06


3.filter()执行结果

es 数组添加元素_es 数组添加元素_07

5.every()方法

every()方法 数组中的元素全部满足指定条件返回true 否则返回false

<script>
 		//every()的返回值是布尔类型的
        var arr = [1, 2, 3, 4, 5, 6];
        var flag = arr.every(function(value) {
            return value > 0;
        });
        console.log(flag); //true
    </script>