常用的数组的方法

总结了一些常用的数组方法，希望可以帮到你。

1. forEach -循环遍历

        forEach用于循环遍历数组最常用的方法之一,它提供一个回调函数，可用于处理数组的每一个元素，默认没有返回值。回调函数的参数,第一个参数是数组的每一项,第二个参数是数组中每一项的索引

var arr = [1, 2, 3, 4, 5, 6];
arr.forEach((item, index) => {
  console.log(item, index);
}); 
// 输出结果： 1 2 3 4 5  6

• 2.concat -拼接数组

用来拼接数组 会返回一个新数组

var arr = [1, 2, 3, 4, 5, 6];
console.log(arr.concat([7, 8, 9]));
 //输出结果：[1, 2, 3, 4, 5, 6, 7, 8, 9]

3.filter -筛选数组

• filter返回值是一个新数组 

• filter 里面 可以直接 return 筛选的条件

• <script>
          let arr=[14,99,63]
           /* 
              item：数组每一项
              index:数组每一项的索引
              array:数组本身
          */
          let newArr= arr.filter((item,index,array)=>{
                  return item>=70    //63
          })
          console.log(newArr);  // 返回了筛选后的新数组[99]
         
    </script>

  4.splice 根据索引删除元素   

•    splice删除元素返回值是被删除的元素   并且会改变原数组

<script>
        let arr=['zs','wu','ln'] 
 
        // 1.1splice-- 根据索引删除元素arr.splice(要删除的内容的索引,删除几个,需要替换的元素)
 
        console.log(arr.splice(0,1));     // 返回值是被删除的元素['zs']  
        console.log(arr);                 //['wu','ln'] 
      
 </script>

5.every  判断数组中是否有满足条件的数组元素

 every遍历数组一般用于判断数组中是否有满足条件的数组元素,所有元素都满足条件是返回值为true,若有一个不满足则返回false.

var arr = [1, 2, 3, 4, 5]
console.log(arr.every(item => item > 3));
 
//flase

 6.some 只要有一个满足条件返回值就为treu,没有元素满足条件则为false

some方法和every的用法非常类似,不同的是只要有一个满足条件返回值就为treu,没有元素满足条件则为false

var arr = [1, 2, 3, 4, 5]
console.log(arr.some(item => item > 3));
 
//true

 7.push 从后面追加

      从后面追加 返回值是添加后数组的长度,会改变原数组

var arr = [1, 2, 3, 4, 5]
console.log(arr.push(6, 7));
console.log(arr);
 
// 7
// [1, 2, 3, 4, 5, 6, 7]

8.unshift 从前面添加

从前面添加 返回值是添加后数组的长度,会改变原数组

var arr = [1, 2, 3, 4, 5]
console.log(arr.unshift(6, 7));
console.log(arr);
 
// 7
// [6, 7, 1, 2, 3, 4, 5]

9.concat 拼接数组

    拼接数组,返回的是一个新数组

var arr = [1, 2, 3, 4, 5]
var arr2 = [6, 7]
console.log(arr.concat(arr2));
console.log(arr);
 
// [1, 2, 3, 4, 5, 6, 7]
// [1, 2, 3, 4, 5]

  10.pop   从后删除 

  从后删除 返回值是删除的元素,会改变原数组

var arr = [1, 2, 3, 4, 5]
console.log(arr.pop());
console.log(arr);
 
// 5
// [1, 2, 3, 4]

11.数组转换为字符串

        arr.toString: 把数组转换为字符串

         arr.join: 把数组转换为字符串, 可以传入不同的符号进行连接 默认用逗号连接

var arr = [1, 2, 3, 4, 5]
console.log(arr.join('|'));
 
// 1|2|3|4|5

12..用reduce 来 数组求和

var arr = [1, 2, 3, 4, 5]
console.log(arr.reduce((sum, val) => sum + val, 0));
 
// 15

13. reverse: 反转数组

var arr = [1, 2, 3, 4, 5]
arr.reverse()
console.log(arr);
 
// [5, 4, 3, 2, 1]

14.findIndex---查找数组中第一个满足条件的索引值

• findIndex 和find方法有雷同 他们都找到第一个满足条件的值 然后不在继续循环数组
• findIndex方法 返回的是第一个满足条件元素的索引号

    <script>
        let arr=[1,2,3,6,3]
        let index= arr.findIndex(item=>{
            return item==3
        })
          //返回第一个满足条件元素的索引号
        console.log(index); // 2
    </script>

  15.some---判断数组中的某一项是否满足条件

•  some会遍历数组 判断某一项是否满足条件  如果true 就会立即终止循环  后续代码将不会被执行
• some方法返回的是一个布尔值

   <script>
        let arr=[14,99,63]
        let flag=arr.some(item=>{
                //如果满足条件some会立即终止循环 不会执行后面的代码
              return item>=50
          }) 
   
        console.log(flag); //true
         
    </script>