js对数组的操作，包括向数组中插入删除数据

一.这里我们总结了一下js中常用的api，以及如何使用js完成在数组中插入删除数据

1.1.检查数组的api代码实例如下：

<script>
    let value = [1, 2, 4, 5, 6];
    console.log(Array.isArray(value))//输出为true
  </script>

2.转换方法将数组array转换为以逗号隔开的字符串

<script>
    let array = ['你好','hello','世界','world'];
    console.log(array.toString())//输出为你好,hello,世界,world
  </script>

3.栈，队列方法分别实现先进先出，后进先出的效果

 <script>
    let array = [1, 2, 3, 4, 5];
    array.push(6);//将6压入数组从后开始的
    console.log(array)//输出123456
    array.unshift(0);//将数字0放入数组的最前面
    console.log(array)//输出0123456
    array.shift();//删除第一个
    console.log(array)//输出为123456
    array.pop();//删除末尾的一个
    console.log(array)//输出为12345
  </script>

4.重排序的方法，sort方法是根据设定的规则进行排序（如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。）reverse进行倒叙

<script>
    let array = [1, 2, 4, 10, 20, 50, 6, 8, 9];
    console.log(array.sort())//输出为[1, 10, 2, 20, 4, 50, 6, 8, 9]
    //此时的输出并不是我们想要的结果需要给sort中传参数来实现从大到小的排列
    //sort中自带的接口就可以实现此功能
    array.sort(function(a,b){
      return a-b
    })
    console.log(array)//输出为 [1, 2, 4, 6, 8, 9, 10, 20, 50]
    array.sort(function(a,b){
      return b-a
    })
    console.log(array);//输出为[50, 20, 10, 9, 8, 6, 4, 2, 1]可以实现倒叙的方法
    array.reverse();
    console.log(array)//reverse也可以实现倒叙排列的方法

    var ranArr = [1,2,3,4,5,6,7]
       ranArr.sort(function(){
            return Math.random() - 0.5;
       })
    console.log(ranArr);//可以使用随机数加sort的方法来打乱数组的排序
  //利用 Math.random()返回0到1之间的随机数，

  </script>

5.操作方法：concat用于连接字符串并建立副本。slice方法切割数组，接受两个参数，标志起始位置与结束位置。这两种方法均不会影响原数组。splice方法可用于删除、插入、替换，三个参数，第一个参数需要操作的位置，第二参数，需要删除的项数，第三个参数，需要插入的项。

<script>
    let arr = [1, 2, 3, 4];
    let arr1 = [5, 6, 7, 8];
    console.log(arr.concat(arr1))//concat方法会将arr和arr1组合在一起
    let arr2 = [1, 2, 5, 9, 7, 10];
    console.log(arr2.slice(1, 4))//slice方法会将数组切割基本原则是含头不含尾，就是只会包含第一个参数下标的值
    //而不包含第二个参数个数的所有个数尾部会被去掉
    arr2.splice(2, 1);//选择删除的是下标为2的值并且只删除一个
    console.log(arr2)//输出为 [1, 2, 9, 7, 10]
    arr2.splice(2, 1, "yellow")//这里也可是实现替换的操作将下标为2的一个值替换为字符串yellow
    console.log(arr2)//输出为[1, 2, "yellow", 7, 10]
    arr2.splice(2, 0, 12, 20)//此时是插入的操作在下标为2的位置删除0个值插入12,20并且会插入到第一个参数下标的前面位置
    console.log(arr2)
  </script>

6.位置方法：indexOf和lastIndexOf，查找目标的索引位置，没有则为0。可设置第二个参数代表查找开始的位置。

<script>
    let arr = [1, 2, 5, 4, 8, 69]
    console.log(arr.indexOf(9))//如果数组中没有此元素的话就会返回-1
    console.log(arr.indexOf(2))//如果此数组中有此元素的话就会返回此元素的下标
    console.log(arr.indexOf(2, 0))//此时第二个参数可以定义开始查找的位置。
    //indexOf一般用于判断条件中尤其是没有此下标时返回-1的用法可以用来作为数组排序等等的判断条件
    //if(arr.indexOf==-1){arr1.push(xxxx)}
  </script>

7.join()方法：

<script>
    let arr = [1, 2, 3, 4];
   document.write(arr.join("*"))//可以使数组中的元素以特定的字符连接
   document.write(arr.join())//不传参数时，可以将数组中的值转为字符串
  </script>

8.reduce可以用来数组求和的操作：

<script>
    let arr = [1, 2, 3, 4];
    function sum(total, num) {
      return total + num;
    }
    console.log(arr.reduce(sum));//此时的reduce可以做到求和的操作
  </script>

9.push()方法，可以将数组末尾添加元素

<script>
    let arr = [1, 2, 3, 4];
    arr.push(5)
    console.log(arr)
  </script>