js Array数组方法的一些总结

不知道说些什么，总结一下 JavaScript 中数组 Array 常用的一些方法吧！

1、创建数组

var arr = []
var arr = new Array()

2、join()（原数组不变）

数组 -> 字符串，默认用逗号为分隔符

var str = arr.join()        // 数组变字符串， 以逗号分开
var str = arr.join('')        // 数组变字符串， 不添加任何东西

3、push() 和 pop()（原数组改变）

push()：接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。
pop() ：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。

4、shift() 和 unshift()（原数组改变）

shift()：删除原数组第一项，并返回删除元素的值；如果数组为空则返回 undefined ；
Unshift()：将参数添加到原数组开头，并返回数组的长度。

5、sort() (原数组改变)

按升序排列数组项——即最小的值位于最前面，最大的值排在最后面。在排序时，sort()方法会调用每个数组项的 toString()转型方法，然后比较得到的字符串，以确定如何排序。即使数组中的每一项都是数值， sort()方法比较的也是字符串。

var arr1 = ["a", "d", "c", "b"]
arr1.sort())      // ["a", "b", "c", "d"]
arr2 = [13, 24, 51, 3]
arr2.sort())      // [13, 24, 3, 51] , 按第一位数字排序
arr.sort((a, b) => { return a - b })       // [3, 13, 24, 51] , 升序
arr.sort((a, b) => { return b - a })       // [51, 24, 13, 3] ， 降序

将数组中某个元素移动到数组第一位或最后一位

var list = [1, 2, 3, 4, 5, 6, 7], target = 4;

list.map(item => item).sort((a, b) => {
  if (a === target && b !== target) {
    return -1
  } else {
    return 1
  }
})
// [4, 1, 2, 3, 5, 6, 7]

list.map(item => item).sort((a, b) => {
  if (a !== target && b === target) {
    return -1
  } else {
    return 1
  }
})
// [1, 2, 3, 5, 6, 7, 4]

6、slice() （原数组没变）

返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法可以接受一或两个参数，即要返回项的起始和结束位置。在只有一个参数的情况下， slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。

var arr = [1, 2, 3, 4, 5]
var _arr = arr.slice(1, 3)       // [2 , 3], 返回 （3 - 1） = 2 个元素的数组

注意：slice 返回的是数组的浅拷贝，如果数组元素是引用数据类型，元素修改会反映在原数组上。

var objArr = [{a: 1}, {b: 2}]
var _objArr = objArr.slice(0, 1)

_objArr[0].a = 3
objArr[0]       // a: 3

7、splice() (原数组改变)

删除：删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数。
```
splice(0, 2)    //删除数组中的前两项。返回值为删除的元素（数组形式）
```
插入：向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、 0（要删除的项数）和要插入的项。
```
splice(2, 0, 4, 6)   //从当前数组的位置 2 开始插入4和6。返回值为空（数组形式）
```
替换：向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。
```
splice (2, 1, 4, 6)    // 删除当前数组位置 2 的项，然后再从位置 2 开始插入4和6。返回值为删除的元素（数组形式）
```

8、indexOf() 和 lastIndexOf()

indexOf()：接收一或两个参数：要查找的项和（可选的）表示查找起点位置的索引。默认从数组的开头（位置 0）开始向后查找。
lastIndexOf：接收一或两个参数：要查找的项和（可选的）表示查找起点位置的索引。默认从数组的末尾开始向前查找。

9、map() (原数组没变)

“映射”，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

var arr = [1, 2, 3, 4, 5]
var arr2 = arr.map((item) => { 
  return item*item
})
console.log(arr2)    // [1, 4, 9, 16, 25]

10、filter() (原数组没变)

“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组

var arr = [1, 2, 3, 4, 5]
var _arr = arr.filter((item) => { return item >= 3 })         // [3, 4, 5]

11、reverse()（原数组改变）

var arr = [1, 2, 3]
arr.reverse()       // [3, 2, 1]

12、数组扁平化

（1）map

function flatten(arr) {
    var res = []
    arr.map(item => {
        if(Array.isArray(item)) {
            res = res.concat(flatten(item))
        } else {
            res.push(item)
        }
    })
    return res
}

（2）[].concat
es6的扩展运算符能将二维数组变为一维

[].concat(...[1, 2, 3, [4, 5]])         // [1, 2, 3, 4, 5]

根据这个结果我们可以做一个遍历，若arr中含有数组则使用一次扩展运算符，直至没有为止。

function flatten(arr) {
    while(arr.some(item => Array.isArray(item))) {
        arr = [].concat(...arr)
    }
    return arr
}

后面，还想总结一下字符串String的一些常用方法！！！
ps：String的一些常用方法