JavaScript数组最常见方法，你一定要知道！

JavaScript数组最常见方法

今天给大家分享几种数组Array常见的方法：
为了方便理解，我把几种方法进行了分类，主要分为两大类，一类为会修改原数组，一类为不会修改原数组，两大类中又根据不同功能依次排列。
首先，我们先看会使原数组发生改变的数组方法：
## push（）：
数组末尾新增一个或多个元素，并返会该数组的长度。

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

## pop（）：
数组最后一位删除，并返会被删除的元素。

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

## unshift（）：
数组第一位新增，并返会数组的新长度。

var arr = [1,2,3];
          var newarr = arr.unshift(0);
          console.log(arr);    //[0,1,2,3]
          console.log(newarr);   //4

## shift（）：
数组第一位删除,并返会删除的元素。

var arr = [1,2,3];
          var newarr = arr.shift();
          console.log(arr);     //[2,3]
          console.log(newarr);  //[1]

splice（index1，index2，a）：
删除或替或者添加新的元素来修改数组,并以数组形式返回被修改的内容
（从index1开始，删除index2个，并添加a元素）
下面的案例可以看出，数组从1开始，删除2个，所以“red”和“black”被删除，同时将“yellow”进行添加。不过我们也可以发散思维，将前两个数值设置成0，可以对数组进行添加工作。

var arr = ["blue","red","blck","pink"];
          var newarr = arr.splice(1,2,"yellow");
          console.log(arr);   // [ "blue", "yellow", "pink" ]
          console.log(newarr);   //[ "red", "blck" ]

var arr = ["blue","red","blck","pink"];
          var newarr = arr.splice(0,0,"yellow");
          console.log(arr);//[ "yellow", "blue", "red", "blck", "pink" ]
          console.log(newarr);//[]

sort（）：
对数组进行排序，排序方式是将元素转换成字符串并按照Unicode的位点进行排列。

var arr = [34,656,3,5,7,1,0];
          var newarr = arr.sort();
          console.log(arr);  // [ 0, 1, 3, 34, 5, 656, 7 ]
          console.log(newarr);// [ 0, 1, 3, 34, 5, 656, 7 ]

reverse（）：
将数组进行翻转，并且返回新数组

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

下面的是不会影响原数组的一些数组方法：
slice（index1,index2）：
返回一个新的数组对象，这一对象是一个由index1 和index2 决定的原数组的浅拷贝（包括 index1，不包括index2）。
实现方法即为，从index1进行选取，到index2结束。有关浅拷贝的内容会在后面的文章分享，可以理解为截取。

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

toString（）：
将数组转成字符串并返回。

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

join（）：
将数组所有元素连接成一个字符串并返回这个字符串。如果数组只有一个元素，那么将返回该元素而不使用分隔符。
从这里我们可以总结出：可以将数组转换成字符的方法有两种即：join和toString

var arr = [1,2,3,4];
          var newarr = arr.join("-");
           var newarr1 = arr.join("");
          console.log(newarr);//1-2-3-4
          console.log(newarr1);//1234

下面是有关 ES5的数组方法集合
indexOf（searchelement，num）：
通过indexOf我们可以查找相应元素的索引，根据num数值我们也可以固定从某个位置开始查找，当数组内找不到该元素是就返回“-1”。利用这一特性我们可以多个操作，比如数组查重。

 var arr = [1,2,3,4];
          var newarr = arr.indexOf(2);
          var newarr1 = arr.indexOf(8);
          console.log(newarr);  //1
          console.log(newarr1);  //-1

lastindexOf（searchelement，num）：
反向数组查找，从数组的末位开始查找，但返回的索引仍是正序的。

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

forEach（callback）:
遍历数组的专属方法，回调函数内含有三个值分别：function（vaule，index，self）{ }vaule：值，index：索引，self：数组本身。在函数内对三个值进行操作可以实现相应的功能。其返回值为undefind

 var arr = [1,2,3,4];
          var newarr = arr.forEach(function (vaule,index,self){
                 console.log(vaule,index,self);
          });
           //1 0 Array(4) [ 1, 2, 3, 4 ]
          //2 1 Array(4) [ 1, 2, 3, 4 ]
         //3 2 Array(4) [ 1, 2, 3, 4 ]
        //4 3 Array(4) [ 1, 2, 3, 4 ]         

filter（callback）：
数组条件筛选，filter同forEach一样，需要利用回调函数，仅当函数的返回值为true时才会将遍历到的值放到新数组中，若返回值为false则跳过。

var arr = ["red","black","pink","green"];
          var newarr = arr.filter(function (vaule,index,self){
               return vaule.length >4   //true
          });
          console.log(newarr);   //[ "black", "green" ]

var arr = ["red","black","pink","green"];
          var newarr = arr.filter(function (vaule,index,self){
               return typeof vaule == "number"   //false
          });
          console.log(newarr);   //[]

map（callback）：
map方法可以用来获取数组中的数据，操作，并返回成新数组

var arr = ["red","black","pink","green"];
          var newarr = arr.map(function (vaule,index,self){
               return vaule +"haha"   
          });
          console.log(newarr);//[ "redhaha", "blackhaha", "pinkhaha", "greenhaha" ]

今天分享的内容就到这里啦，不知道今天的案例，是否能帮到您呢？列举的案例大都是基础内容，想要熟练掌握还要勤加练习，时间匆忙，如有不足之处还请博友可以不吝赐教。