JS数组的常见方法解析

在学习javascript中，我们常常会遇到数组，那么关于数组有哪些常用的方法呢，比如下面的这几种方法，就是比较常见的
1、向数组中增添数据：
(1)数组名.push();
   // 参数：任意个，任意值
     // 返回值：数组被增加之后的长度
     // 功能：在数组的尾部增加数据，增加的数据是push的参数
// 有没有修改原数组：会修改原数组
var arr = [“hi”,3,4];
        var res = arr.push(5,8,);
        console.log(res);       // 4
        console.log(arr);       //[“hi”,3,4,5,8]  
(2)数组名.unshift();
// 参数：任意个，任意值
        // 返回值：数组被增加之后的长度
        // 功能：在数组的头部增加数据，增加的数据是unshift的参数
        // 有没有修改原数组：会修改原数组
        var arr = [“hi”,3,4];
        var res = arr.unshift(5,8,6);
        console.log(res);       // 5             
        console.log(arr);       //[5,8,6"hi",3,4]
2、删除数组中的数据：
(1)数组名.pop();
// 参数：没有
  // 返回值：被删除的数据
  // 功能：删除最后一位
  // 有没有修改原数组：会修改原数组
 var arr = [1,2,3];
   var res = arr.pop();
   console.log(res);         // 3
console.log(arr);           // [1,2]

(2)数组名.shift();
// 参数：没有
 // 返回值：被删除的数据
 // 功能：删除第一位
 // 有没有修改原数组：会修改原数组
 var arr = [1,2,3];
 var res = arr.shift();
 console.log(res);    // 1
 console.log(arr);    // [2,3]

3.删除数组中指定部分数据或在数组某部分添加数据
数组名.splice();
// 返回值：被删除的数据
        // 有没有修改原数组：会修改原数组
       
        // 参数：一个，表示索引
        // 功能：从指定索引，删除到结束
        var arr1 = [1,2,3];
        var res = arr1.splice(2);
        console.log(res); // 3

// 参数：两个，第一个表示索引，第二个表示个数
        // 功能：从指定索引，删除指定个数个
        var arr2 = [4,5,6,7,9];
        var res = arr3.splice(2,2);
        console.log(res); // 删除6,7

// 参数：两个，第一个表示索引，第二个表示个数，从第三个参数开始向后，都是数据
        // 功能：从指定索引，删除指定个数个，填充第三个参数向后司所有的数据
        var arr3 = [7,8,9,1,5];
        var res = arr3.splice(2,2,“hello”,“hi”,24,25);
        console.log(res); // 删除9,1
4.截取数组
从指定索引开始截取到最后，返回一个新数组;参数：1个表示索引
                var arr = [12,4,5,9,“hello”];
                console.log(arr.slice(2));
                console.log(arr);       // [12,4]
                //从指定索引开始截取到指定位置的前一个"[)"，返回一个新数组；参数：第1个表示索引，
                // 第二个表示指定位置的前一个

var arr1 = [1,5,8,“haha”,8,9,7];
                console.log(arr1.slice(2,5));
                console.log(arr1);    // [1,5,9,7]
总结：数组的常用方法还有很多，比如数组的合并，数组数据转字符，数组数据排序啊，前面只是列举了部分，更多知识还得亲自动手体验！
疫情期间逆战必胜！