数组方法

内容主要转载于：js数组常用方法总结 - 半指温柔乐 - 博客园

Array是Object的实例，它除了拥有Object的方法以外，还有自己的方法
属性：length：数组的实际长度
方法：

• arr.join()

方法用于把数组中的所有元素放入一个字符串。并使用指定分隔符隔开

arr.join(separator)

元素是通过指定的分隔符进行分隔的。

• arr.concat(arr2, arr3, …)

连接数组，参数为一系列数组，不会改变旧数组，返回一个新数组

var arr = [1, 2, 3];
arr.concat();   // [1, 2, 3]
arr.concat(4, 5);   // [1, 2, 3, 4, 5]
arr.concat([6, 7]); // [1, 2, 3, 6, 7]
arr.concat([4, 5], [6, 7, [8, 9]]); // [1, 2, 3, 4, 5, 6, 7, [8,9]]

• arr.push()

从后面添加元素，返回值为添加完后的数组的长度

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

• arr.pop()

从后面删除元素，只能是一个，返回值是删除的元素

arr.pop()  //5

• arr.shift()

从前面删除元素，只能删除一个 返回值是删除的元素

arr.shift()  //1

• arr.unshift()

从前面添加元素, 返回值是添加完后的数组的长度

arr.unshift(28)  // 4
arr // [ 28, 2, 3, 4 ]

• arr.splice(i,n)

删除从i(索引值)开始之后的那个元素。返回值是删除的元素
*参数： i 索引值 n 个数 *

arr.splice(1,2)  // Array [ 2, 3 ]
arr  // Array [ 28, 4 ]

• arr.sort()

将数组进行排序,返回值是排好的数组，默认是按照最左边的数字进行排序，不是按照数字大小排序的，见例子。
没有参数，按照字母顺序排序，不区分大小写
按照自己的排序意愿，写一个函数，返回大于，等于，小于情况的值

let arr = [2,10,6,1,4,22,3]
console.log(arr.sort())   // [1, 10, 2, 22, 3, 4, 6]
let arr1 = arr.sort((a, b) =>a - b)  
console.log(arr1)   // [1, 2, 3, 4, 6, 10, 22]
let arr2 = arr.sort((a, b) =>b-a)  
console.log(arr2)  // [22, 10, 6, 4, 3, 2, 1]

• arr.reserve()

将数组反转,返回值是反转后的数组，原数组改变

let arr = [1,2,3,4,5]
console.log(arr.reverse())    // [5,4,3,2,1]
console.log(arr)    // [5,4,3,2,1]

• arr.slice(stsrt,end)

切去索引值start到索引值end的数组，不包含end索引的值，返回值是切出来的数组

let arr = [1,2,3,4,5]
console.log(arr.slice(1,3))   // [2,3]
console.log(arr)    //  [1,2,3,4,5]

• arr.forEach(callback)

遍历数组，没有return
callback的参数：
value --当前索引的值
index --索引
array --原数组

let arr = [1,2,3,4,5]
arr.forEach( (value,index,array)=>{
        value = value * 2
        console.log(`value:${value}    index:${index}     array:${array}`)
    })   
    console.log(arr)
    // value:2    index:0     array:1,2,3,4,5
    // value:4    index:1     array:1,2,3,4,5
   // ...

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

• arr.map(callback)

映射数组(遍历数组),有return 返回一个新数组
　　callback的参数：
value --当前索引的值
index --索引
array --原数组

let arr = [1,2,3,4,5]
arr.map( (item)=>{
      item = item * 2
      return item
})  
// Array(5) [ 2, 4, 6, 8, 10 ]
arr // [1,2,3,4,5]

返回一个新数组，原数组不变

• arr.filter(callbcck)

过滤数组，返回一个满足要求的数组

let arr = [1,2,3,4,5]
let arr1 = arr.filter( (i, v) => return i < 3)
console.log(arr1)    // [1, 2]

• arr.every(callback)

依据判断条件，数组的元素是否全满足，若满足则返回ture

let arr = [1,2,3,4,5]
let arr1 = arr.every( (i, v) => i < 3)
console.log(arr1)    // false
let arr2 = arr.every( (i, v) => i < 10)
console.log(arr2)    // true

• arr.some()

依据判断条件，数组的元素是否有一个满足，若有一个满足则返回ture

let arr = [1,2,3,4,5]
let arr1 = arr.some( (i, v) => i < 3)
console.log(arr1)    // true
let arr2 = arr.some( (i, v) => i > 10)
console.log(arr2)    // false

• arr.reduce(callback, initialValue)

  callback的参数：
  previousValue 必选 --上一次调用回调返回的值，或者是提供的初始值（initialValue）
  currentValue 必选 --数组中当前被处理的数组项
  index 可选 --当前数组项在数组中的索引值
  array 可选 --原数组
  initialValue: 可选 --初始值

实行方法：回调函数第一次执行时，preValue 和 curValue 可以是一个值，如果 initialValue 在调用 reduce() 时被提供，那么第一个 preValue 等于 initialValue ，并且curValue 等于数组中的第一个值；如果initialValue 未被提供，那么preValue 等于数组中的第一个值.

let arr = [0,1,2,3,4]
let arr1 = arr.reduce((preValue, curValue) => 
    preValue + curValue
)
console.log(arr1)    // 10

用来累加，累乘都不错

• arr.reduceRight(callback, initialValue)

与arr.reduce()功能一样，不同的是，reduceRight()从数组的末尾向前将数组中的数组项做累加。
　　实行方法：reduceRight()首次调用回调函数callbackfn时，prevValue 和 curValue 可以是两个值之一。如果调用 reduceRight()时提供了initialValue 参数，则 prevValue 等于 initialValue，curValue等于数组中的最后一个值。如果没有提供 initialValue参数，则 prevValue 等于数组最后一个值，curValue等于数组中倒数第二个值。

let arr = [0,1,2,3,4] 
let arr1=arr.reduceRight((preValue, curValue) => { 
console.log(preValue,curValue) 
return preValue + curValue }
,11) 
console.log(arr1)
// 11 4 
// 15 3 
// 18 2
// 20 1 
// 21 0 
// 21

• arr.indexOf()

查找某个元素的索引值，若有重复的，则返回第一个查到的索引值。若不存在，则返回 -1

• arr.lastIndexOf()

和arr.indexOf()的功能一样，不同的是从后往前查找

• Array.from() 将伪数组变成数组，就是只要有length的就可以转成数组。 ---es6

let str = '12345'
console.log(Array.from(str))    // ["1", "2", "3", "4", "5"]
let obj = {0:'a',1:'b',length:2}
console.log(Array.from(obj))   // ["a", "b"]这个可真牛逼

• Array.of()

将一组值转换成数组，类似于声明数组 ---es6

let str = '11'
console.log(Array.of(str))   // ['11']

等价于

console.log(new Array('11'))  // ['11]

*new Array() 会实例化一个对象变量，而var arr=[],等于是直接声明一个变量。很明显实例一个对象对性能的损耗比直接声明一个对象来的大些 *

• arr.find(callback)

找到第一个符合条件的数组成员，返回他的值

let arr = [1,2,3,4,5,2,4]
let arr1 = arr.find((value, index, array) =>value > 2)
console.log(arr1)   // 3

• arr.findIndex(callback)

找到第一个符合条件的数组成员的索引值

let arr = [1,2,3,4,5]
let arr1 = arr.findIndex((value, index, array) => value > 3)
console.log(arr1)  // 3

• arr.fill(target,start,end)

使用给定的值，填充一个数组,ps:填充完后会改变原数组
参数：
target -- 待填充的元素
start -- 开始填充的位置-索引
end -- 终止填充的位置-索引（不包括该位置)

let arr = [1,2,3,4,5]
let arr1 = arr.fill(5)
console.log(arr1)  // [5, 5, 5, 5, 5]
console.log(arr)   // [5, 5, 5, 5, 5]
let arr2 = arr.fill(5,2)
console.log(arr2)
let arr3 = arr.fill(5,1,3)
console.log(arr3)

• entries()、keys()、values()

用于遍历数组，可以用for…of循环进行遍历。区别是keys()是对键名的遍历、values是对键值的遍历、entries()是对键值对的遍历。

for (let index of ['a', 'b'].keys()) {
  console.log(index);
}
// =>0
// =>1

for (let elem of ['a', 'b'].values()) {
  console.log(elem);
}
// =>'a'
// =>'b'

for (let [index, elem] of ['a', 'b'].entries()) {
  console.log(index, elem);
}
// =>0 "a"
// =>1 "b"

• includes()

表示某个数组是否包含给定的值
第一个参数必选（待检查的给定值），第二个参数可选，表示搜索的起始位置，默认为0，负数表示倒数的位置。 返回一个布尔值

[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, NaN].includes(NaN); // true

• arr.copyWithin()