js常用数组方法

1.push：从数组最后一项开始添加，并且返回新的长度

<script>
  let arr = [1, 2, 3];
  console.log(arr);//[1,2,3]
  let array = arr.push(4, 5, 6);//从3开始添加
  console.log(array);//结果[1,2,3,4,5,6]
</script>

2.pop：删除数组的最后一项，返回删掉的数组

<script>
  let arr = [1, 2, 3,4];
  console.log(arr);//[1,2,3,4]
  let array = arr.pop();//删除数组最后一项
  console.log(array);//结果 4
</script>

3.shift：删除数组的第一项，返回删掉的数组

<script>
  let arr = [1, 2, 3, 4];
  console.log(arr);//[1,2,3,4]
  let array = arr.shift();//删除数组第一项
  console.log(array);//结果 1
</script>

4.unshift:从数组的第一项开始添加，返回一个新的数组

<script>
  let arr = [1, 2, 3, 4];
  console.log(arr);//[1,2,3,4]
  let array = arr.unshift(5, 6, 7, 8);//从数组的第一项开始添加
  console.log(array);//结果 [5,6,7,8,1,2,3,4]
</script>

5.splice：删除或者添加数组，简单理解为增删改一体化

<script>
  //删除
  let arr = [1, 2, 3, 4, 5];
  console.log(arr);//[1,2,3,4,5]
  let array = arr.splice(0, 3);//从下标0开始删除三个元素
  console.log(arr);//删掉之后 [4,5]
  console.log(array);//返回删掉的元素 [1,2,3]
</script>

<script>
  // 新增
  let arr = [1, 2, 3, 4, 5];
  console.log(arr);//[1,2,3,4,5]
  let array = arr.splice(3, 0, 9, 9, 9);//从3开始添加，删除0个，新增9,9,9
  console.log(arr);//结果 [1,2,3,9,9,9,4,5]
  // console.log(array);
</script>

<script>
  // 修改
  let arr = [1, 2, 3, 4, 5];
  console.log(arr);//[1,2,3,4,5]
  let array = arr.splice(0, 2, 6, 7, 8);//从下标0开始删,删除两个,新增6,7,8
  console.log(arr);//结果 [6,7,8,3,4,5]
  console.log(array);//删掉的 [1,2]
</script>

6.sort：对数组进行排序

<script>
  // 排序
  let arr = [1, 5, 6, 4, 3, 2];
  console.log(arr);//[1, 5, 6, 4, 3, 2]
  let array = arr.sort();//排序
  console.log(array);//结果 [1, 2, 3, 4, 5, 6]
</script>

7.reverse：颠倒数组顺序

<script>
  let arr = [1, 2, 3, 4, 5, 6];
  console.log(arr);//[1, 2, 3, 4, 5, 6]
  let array = arr.reverse();//颠倒数组顺序
  console.log(array);//结果 [6, 5, 4, 3, 2, 1]
</script>

8.concat：数组拼接，把两个数组或者多个数组拼接起来

<script>
  let arr = [1, 2, 3, 4, 5, 6];
  let arr2 = [7, 8, 9, 10]
  console.log(arr);//[1, 2, 3, 4, 5, 6]
  console.log(arr2);//[7, 8, 9, 10]
  let array = arr.concat(arr2);//把两个数组拼接起来
  console.log(array);//结果 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
</script>

9.forEach：循环数组中每一项，并将传递给回调函数

<script>
  let arr = [1, 2, 3, 4, 5, 6];
  arr.forEach(item => {
    item += 1 //给数组每一项都加1
    console.log(item);//2, 3, 4, 5, 6, 7
  })
</script>

10.map：循环数组中每一项，并且返回一个新的数组

<script>
  let arr = [1, 2, 3, 4, 5, 6];
  arr.map(item => {
    item -= 1 //给数组每一项都减1
    console.log(item);//返回一个新的数组 [0, 1, 2, 3, 4, 5]
  })
</script>

11.filter：过滤数组中符合条件的数组，返回一个符合条件的新数组

<script>
  let arr = [1, 2, 3, 4, 5, 6];
  let array = arr.filter(item => item > 3)//过滤掉大于3的数组
  console.log(array);//返回 [4,5,6]
</script>

12.reduce：求和、求乘积

<script>
  let arr = [1, 2, 3, 4];
  let sum = arr.reduce((x, y) => x + y)
  let mul = arr.reduce((x, y) => x * y)
  console.log(sum); // 求和，10
  console.log(mul); // 求乘积，24
</script>

13.every：检测数组中的每一项的值是否通过条件，通过就是true，不通过就是false，只有每一项通过才会返回true

<script>
  let arr = [1, 2, 3, 4];
  console.log(arr);
  let array = arr.every(item => item > 0)//检测数组每一项是否都大于0
  console.log(array);//都大于0返回true
</script>

<script>
  let arr = [1, 2, 3, 4];
  console.log(arr);
  let array = arr.every(item => item > 1)//检测数组每一项是否都大于1
  console.log(array);//有一项不大于1返回false
</script>

14.some：检测数组中的每一项的值是否通过条件，通过就是true，不通过就是false，只要有一项通过就会返回true

<script>
  let arr = [1, 2, 3, 4];
  console.log(arr);
  let array = arr.some(item => item > 5)//检测数组有一项是否大于5
  console.log(array);//都不大于5返回false
</script>

<script>
  let arr = [1, 2, 3, 4];
  console.log(arr);
  let array = arr.some(item => item > 3)//检测数组有一项是否大于3
  console.log(array);//有一项大于3返回true
</script>

本篇文章只是我个人加深印象所写，如果有什么更好的方法，可以跟我分享一下，谢谢。