【精选】前端常用的数组方法总结

1、push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度
var arr = [“Lily”,“lucy”,“Tom”]
var count = arr.push(“Jack”,“Sean”)
console.log(count)    // 5
console.log(arr)        // [“Lily”, “lucy”, “Tom”, “Jack”, “Sean”]

2、pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项
var item = arr.pop()
console.log(item)      // Sean
console.log(arr)        // [“Lily”, “lucy”, “Tom”, “Jack”]

3、unshift:将参数添加到原数组开头，并返回数组的长度
var arr = [“Lily”,“lucy”,“Tom”]
var count = arr.unshift(“Jack”,“Sean”)
console.log(count)   // 5
console.log(arr)       //  [“Jack”, “Sean”, “Lily”, “lucy”, “Tom”]

4、shift()：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined
var item = arr.shift();
console.log(item)    // Jack
console.log(arr)      //  [“Sean”, “Lily”, “lucy”, “Tom”]

5、sort()：按升序排列数组项——即最小的值位于最前面，最大的值排在最后面
var arr1 = [“a”, “d”, “c”, “b”]
console.log(arr1.sort())    // [“a”, “b”, “c”, “d”]

6、reverse()：反转数组项的顺序
var arr = [13, 24, 51, 3]
console.log(arr.reverse())    // [3, 51, 24, 13]
console.log(arr)                 // [3, 51, 24, 13]

7、concat() ：将参数添加到原数组中。

这个方法会先创建当前数组一个副本，
然后将接收到的参数添加到这个副本的末尾，最后返回新构建的数组。
在没有给 concat()方法传递参数的情况下，它只是复制当前数组并返回副本。
var arr = [1,3,5,7]
var arr1=[9,11,13]
var arrCopy = arr.concat(arr1)
console.log(arrCopy)      //[1, 3, 5, 7, 9, 11, 13]
console.log(arr)             //[ 1, 3, 5, 7]

8、slice()：返回从原数组中指定开始下标到结束下标之间的项组成的新数组。
slice()方法可以接受一或两个参数，即要返回项的起始和结束位置。
在只有一个参数的情况下， slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。
如果有两个参数，该方法返回起始和结束位置之间的项——但不包括结束位置的项。
var arr = [1 , 3 , 5 , 7 , 9 , 11]                  console.log(arr)  //1, 3, 5, 7, 9, 11
var arrCopy1 = arr.slice(1)                     console.log(arrCopy1)   //[3, 5, 7, 9, 11]
var arrCopy2 = arr.slice(1,4)                   console.log(arrCopy2)  //[3, 5, 7]
var arrCopy3 = arr.slice(1,-2)                  console.log(arrCopy3)  //[3, 5, 7]
var arrCopy4 = arr.slice(-4,-1)                 console.log(arrCopy4)  //[5, 7, 9]

9、splice()：插入、删除或替换数组元素
删除
var arr = [1,3,5,7,9,11]                             console.log(arr)  //[5, 7, 9, 11]
var arrRemoved1 = arr.splice(0,2)            console.log(arrRemoved1)   //[1, 3]
插入
var arr = [5, 7, 9, 11]
var arrRemoved2 = arr.splice(2,0,4,6)       console.log(arr) // [5, 7, 4, 6, 9, 11]
替换
var arr = [5, 7, 4, 6, 9, 11]
var arrRemoved3 = arr.splice(1,1,2,4)        console.log(arr) // [5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3)//[7]

10、indexOf()：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。
其中， 从数组的开头（位置 0）开始向后查找。
lastIndexOf：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。
其中， 从数组的末尾开始向前查找。
var arr = [1,3,5,7,7,5,3,1]
console.log(arr.indexOf(5))             // 2
console.log(arr.lastIndexOf(5))       // 5
console.log(arr.indexOf(5,2))          // 2
console.log(arr.lastIndexOf(5,4))     // 2
console.log(arr.indexOf(“5”))       //-1

11、forEach（）循环为数组的每一个元素调用指定函数。
var arr = [1, 2, 3, 4, 5]
arr.forEach(function(x, index, a) {
     console.log(x + ‘-’ + index + ‘-’ + (a === arr))
});
// 输出为：
// 1-0-true
// 2-1-true
// 3-2-true
// 4-3-true
// 5-4-true

12、map()：指“映射”，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
下面代码利用map方法实现数组中每个数求平方。
var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(item){
      return item*item
});
console.log(arr2)   //[1, 4, 9, 16, 25]

13、filter()：“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组。
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr2 = arr.filter(function(x, index) {
      return index % 3 === 0 || x >= 8
});
console.log(arr2); //[1, 4, 7, 8, 9, 10]

14、every()：判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回true。
var arr = [1, 2, 3, 4, 5]
var arr2 = arr.every(function(x) {
      return x < 10
})
console.log(arr2)    //true
var arr3 = arr.every(function(x) {
      return x < 3
})
console.log(arr3)    // false

15、some()：判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回true。
var arr = [1, 2, 3, 4, 5]
var arr2 = arr.some(function(x) {
      return x < 3
})
console.log(arr2)    //true
var arr3 = arr.some(function(x) {
      return x < 1
})
console.log(arr3)    // false

16、reduce（）从数组的元素中，计算出一个值。

17、reduceRight（）从右往左缩减数组。

18、通过join()方法可以实现重复字符串，只需传入字符串以及重复的次数，就能返回重复后的字符串
function repeatString(str, n) {
       return new Array(n + 1).join(str)
}
console.log(repeatString(“abc”, 3))      // abcabcabc
console.log(repeatString(“Hi”, 5))        // HiHiHiHiHi

19、toLocaleSTring()将数组转化为本地化字符串。

20、toString ()将数组转化为字符串。
var arr = [1,2,3]
var arrToString = arr.toString()    
console.log(arrToString)     //  '1,2,3'