数组常用方法前端

<script>
        // forEach 迭代(遍历) 数组
        var arr = [1, 2, 3];
        var sum = 0;   //全局变量
        //value 数组元素   index数组元素的索引  array数组本身以逗号拼接 数组本身:1,2,3
        arr.forEach(function(value, index, array) {  
            console.log('每个数组元素' + value);
            console.log('每个数组元素的索引号' + index);
            console.log('数组本身' + array);
            sum += value;
        })
        console.log(sum);  //6
</script>

简写  arr.forEach(item => {处理函数})

<script>
        // 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);  //  [12, 66, 4, 88]

        console.log("================");

        var arr1 = [true,true,true,false]
        var newArr1 =arr1.filter(function(value,index){
            return  value==true
        })
        console.log(newArr1); //  [true, true, true]
</script>

简写    arr.filter(item =>{处理函数基本都会带有return 数组元素})

<script>
        // some 查找数组中是否有满足条件的元素 
        var arr = [10, 30, 4];
        var flag = arr.some(function(value) {
            // return value >= 20;    //  return value >= 3;  true
            return value < 3;   // return value < 3;  false
        });
        console.log(flag);   //  return value < 3;  false

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

简写  arr.some(item=>{处理函数，必须返回的是一个布尔值})