数组的一些常用方法记录1. concat(); 2. join();将数组转化为字符串，括号内标识连接的方式。 3. p

栗子：

var arr = [ 1, 2, 3 ];

1. concat();

var arr2= arr.concat("4", "5", "6");   //["1", "2", "3", "4", "5", "6"];

连接两个或更多的数组，并返回结果

2. join();将数组转化为字符串，括号内标识连接的方式。

arr.join("+");   //"1+2+3";

把数组的所有元素放入一个字符串并通过指定的分隔符进行分隔

3. pop();

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

删除并返回数组的最后一个元素

4. push();

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

向数组的末尾添加一个或更多元素，并返回新的长度

5. reverse();

arr.reverse(); 
console.log(arr);   // [3, 2, 1];

反转数组中元素的顺序。

6. shift(); 　　　

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

删除并返回数组的第一个元素

7. unshift();

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

向数组的开头添加一个或更多元素，并返回新的长度

8. slice();

arr.slice(1);   //["2", "3"];
arr.slice(1,2);   //["2"];

从某个已有的数组返回选定的元素。可理解为数组截取，可接受两个参数，只填一个参数表示从该位置起截取至最后，填两个参数表示要截取的头和尾的位置

9. sort(); 数组排序，不过是按照字符串的方式来排序。　　　

var arr2= [0,2,10,15]; 
arr2.sort(); 
console.log(arr2);   // [0, 10, 15, 2];

对数组的元素以字符串的方式进行排序

10. splice();

语法：

arrayObject.splice(index, howmany, item1,..,itemX)

index	必需整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置
howmany	必需要删除的项目数量。如果设置为 0，则不会删除项目
item1, ..., itemX	可选向数组添加的新项目


删除，栗子：
arr.splice(0, 2);  //[3]　　
会删除数组中的前面两项　

插入,栗子：
arr.splice(2, 0, 8,9);   //[1, 2, 8, 9, 3]
会从数组的第二个位置开始添加　　


替换,栗子：
arr.splice(2, 2, 5,6);   //[1, 2, 5, 6]
会从数组的第二个位置删除两项并添加red和blue两项。

11. toString();

arr.toString();   //1, 2,3

把数组转换为字符串，并返回结果

12. indexOf();

arr.indexOf(2);  //1;　　　　

arr.indexOf(6);  //-1;
若没有检测到值便会返回-1

该方法用来检索某项数组出现的位置,出现多次的话只记录第一次出现的位置

13. filter();

//过滤掉小于 3 的数组元素：
function isBigEnough(element, index, array) {
    return (element >= 3);
}

arr.filter(isBigEnough)   //3

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

14. map():

//将所有的数组元素每一项加1：
function addOne(v) {  return v+1;}console.log(arr.map(addOne))

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

15. some();

function whoBig(element, index, array) {
    return (element >= 4);
}

arr.some(whoBig)   //false

用于检测数组中的元素是否满足指定条件

方法会依次执行数组的每个元素：

如果有一个元素满足条件，则表达式返回true, 剩余的元素不会再执行检测。
如果没有满足条件的元素，则返回false。

注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

16. every();

function whoBig(element, index, array) {
    return (element >= 4);
}

arr.every(whoBig)   //false

用于检测数组所有元素是否都符合指定条件

使用指定函数检测数组中的所有元素：

如果数组中检测到有一个元素不满足，则整个表达式返回false，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。

注意： every() 不会对空数组进行检测。

注意： every() 不会改变原始数组。

17. forEach();

function print(element, index, array) {
    console.log("[" + index + "] is " + element);
}

arr.forEach(print);
//[0] is 1
//[1] is 2
//[2] is 3

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

注意: forEach() 对于空数组是不会执行回调函数的。

18. reduce();

var sum = arr.reduce(function(prev, cur, index, arr) {
    console.log(prev, cur, index);
    return prev + cur;
})

console.log(arr, sum);
//1 2 1
//3 3 2
//[1, 2, 3] 6

接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值

注意: reduce() 对于空数组是不会执行回调函数的。

19. find();

const pets = [
  { type: 'Dog', name: 'Max'},
  { type: 'Cat', name: 'Karl'},
  { type: 'Dog', name: 'Tommy'},
];

var pet = pets.find(pet => pet.type ==='Dog' && pet.name === 'Tommy');
console.log(pet); // { type: 'Dog', name: 'Tommy' }

返回传入一个测试条件,符合条件的数组第一个元素

find() 方法为数组中的每个元素都调用一次函数执行：

当数组中的元素在测试条件时返回true时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined

注意: find() 对于空数组，函数是不会执行的。

注意: find() 并没有改变数组的原始值。