数组方法总结

数组方法总结

1.concat()
用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

2.unshift()
在数组开头添加新元素。原数组发生改变。
unshift()方法不能用于 Internet Explorer 8 之前的版本，插入的值将被返回成 undefined

3.push()
数组的末尾添加新的元素。原数组发生改变。
4.shift()
数组头部删除一个元素返回被删除的元素，原数组发生改变。
5.pop()
删除数组的最后一个元素。
6.splice()
截取类 没有参数，返回空数组，原数组不变；一个参数，从该参数表示的索引位开始截取，直至数组结束，返回截取的 数组，原数组改变；两个参数，第一个参数表示开始截取的索引位，第二个参数表示截取的长度，返回截取的 数组，原数组改变；三个或者更多参数，第三个及以后的参数表示要从截取位插入的值。
7.slice()
截取类 如果不传参数，会返回原数组；如果一个参数，从该参数表示的索引开始截取，直至数组结束，返回这个截取数组，原数组不变；两个参数，从第一个参数对应的索引开始截取，到第二个参数对应的索引结束，但不包括第二个参数对应的索引上值，原数组不改变；最多接受两个参数。
8.join()
用数组的元素组成字符串.
9.sort()
数组排序（正序 | 倒序）

arr.sort(function(a,b){
                return a-b; //从小到大排序
                return b-a; //从大到小排序
           }); 

10.reverse()
将数组反转排序。
11.tostring()
转换数组到字符串。
12.indexOf()

从前往后遍历，返回item在数组中的索引位，如果没有返回-1；通常用来判断数组中有没有某个元素。可以接收两个参数，第一个参数是要查找的项，第二个参数是查找起点位置的索引。
13.lastIndexOf()

与indexOf一样，区别是从后往前找。

5个迭代方法：forEach()、map()、filter()、some()、every()；
14.forEach()

forEach方法与map方法很相似，也是对数组的所有成员依次执行参数函数。但是，forEach方法不返回值，只用来操作数据。这就是说，如果数组遍历的目的是为了得到返回值，那么使用map方法，否则使用forEach方法；forEach的用法与map方法一致，参数是一个函数，该函数同样接受三个参数：当前值、当前位置、整个数组。
15.map()

将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回；map方法接受一个函数作为参数。该函数调用时，map方法向它传入三个参数：当前成员、当前位置和数组本身。
16.filter()

用于过滤数组成员，满足条件的成员组成一个新数组返回；它的参数是一个函数，所有数组成员依次执行该函数，返回结果为true的成员组成一个新数组返回。该方法不会改变原数组；可以接受三个参数：当前成员，当前位置和整个数组。
17.fill()

使用fill（）方法给定值填充数组。

 new Array(3).fill(7);//[7,7,7]

可以接收第二个和第三个参数，用于指定填充的起始位置和结束位置（不包括结束位置）。

let arr3 = [0,1,2,3,4,5,6,7]; arr3.fill('error',2,3); 
console.log(arr3);
//[0,1,"error",3,4,5,6,7]
18.every()

该方法对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回true。

2个归并方法：reduce()、reduceRight()；
19.isArray()

判断是否是数组。
20.Array.from()

用于类似数组的对象（即有length属性的对象）和可遍历对象转为真正的数组。

let json ={ 
    '0':'hello', 
    '1':'123', 
    '2':'panda', 
    length:3 
} 
let arr = Array.from(json); console.log(arr);
//打印：["hello", "123", "panda"]

21.Array.of()

将一组值转变为数组。

let arr1 = Array.of(‘你好’,‘hello’); console.log(arr1);//[“你好”, “hello”]
22.find()和findIndex()

用于找出第一个符合条件的数组成员。参数是个回调函数，所有数组成员依次执行该回调函数，直到找到第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，就返回undefined；可以接收3个参数，依次为当前值、当前位置、原数组。
23遍历数组的方法：
entries()、values()、keys()

这三个方法都是返回一个遍历器对象，可用for…of循环遍历，唯一区别：keys()是对键名的遍历、values()对键值的遍历、entries()是对键值对的遍历。

for(let item of ['a','b'].keys()){
    consloe.log(item);
    //0
    //1
}
for(let item of ['a','b'].values()){
    consloe.log(item);
    //'a'
    //'b'
}
let arr4 = [0,1];
for(let item of arr4.entries()){
    console.log(item);  
    //  [0, 0]
    //  [1, 1]
}

如果不用for…of进行遍历，可用使用next()方法手动跳到下一个值。

let arr5 =['a','b','c']
let entries = arr5.entries();
console.log(entries.next().value);
//[0, "a"]
console.log(entries.next().value);
//[1, "b"]
console.log(entries.next().value);
//[2, "c"]
console.log(entries.next().value);
//undefined

24 copyWithin()

在数组内部，将指定位置的成员复制到其他位置(会覆盖原有成员)，改变原数组。

该函数有三个参数。target：目的起始位置。start：复制源的起始位置(从0开始)，可以省略，可以是负数。end：复制源的结束位置，可以省略，可以是负数，实际结束位置是end-1。

const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
arr1.copyWithin(1, 3, 6);
//
把第3个元素（从0开始）到第5个元素，复制并覆盖到以第1个位置开始的地方。
console.log('%s', JSON.stringify(arr1))
//
[1,4,5,6,5,6,7,8,9,10,11]

25.includes()

表示某个数组是否包含给定的值，如果包含则返回 true，否则返回false。可以接收两个参数：要搜索的值和搜索的开始索引。当第二个参数被传入时，该方法会从索引处开始往后搜索（默认索引值为0）。若搜索值在数组中存在则返回true，否则返回false。

['a', 'b', 'c', 'd'].includes('b')        
// true
['a', 'b', 'c', 'd'].includes('b', 1)      
// true
['a', 'b', 'c', 'd'].includes('b', 2)      
// false

includes与indexOf的区别是：前者返回布尔值（利于if条件判断），后者返回数值。

简略待续。。。。