数组方法大全

常用数组：
pop：原数组变，返回删除的元素

push：原素组变

shift：原数组变，返回删除的元素

unshift：原素组变

slice：返回新数组，截取索引开始，结束

splice：原数组变，返回截取的新数组，截取索引开始，长度，截取位插入值

reverse：原数组改变颠倒位置

sort：原数组改变大小排序

join：数组变为字符串（可加分隔符）

concat：返回拼接的新数组

ES5新增：
indexOf（）字符串、数组统用，返回指定字符首次出现的位置（索引值），返回这个索引值，否则返回-1

forEach（）：仅遍历数组（item，index，arr），无返回值或返回值为undefined

map（）：数组遍历，返回新数组

filter（）：与map类似，返回新数组

some（）：返回布尔值，检测数组中是否有某一个值

every（）：返回布尔值，检测数组中所有元素是否都符合指定条件

reduce（()=>(prev,next,index)）

ES6新增：
isArray（）：判断是否是数组

Array.from（）：将类数组或可迭代对象转为数组

Array.of（）：数组创建，将参数内不同的元素（数据类型）转为数组，若为空就返回一个空数组

find（）：查找数组中符合条件的第一个元素

findIndex（）：查找数组中符合条件的第一个元素的索引

includes（）：检测数组中是否包含一个值，，返回true、false

fill（）：将一定范围索引的数组元素内容填充为单个指定的值。

entries（）：遍历键和值

keys（）：遍历键名

values（）：遍历值

flat（）：嵌套数组转一维数组

常见数组操作
push
语法: array.push(item1, item2, …, itemX)
push( )方法：可以将一个或者更多的参数添加在数组的尾部；返回添加后的数组的长度，原数组发生改变。
代码示例如下：

var arr=[1,2,3,4];
var a=arr.push(9,8,7);
console.log(a,arr);//1,2,3,4,9,8,7；

unshift
语法: array.unshift(item1,item2, …, itemX)
unshift( )方法：可以将一个或者更多的参数添加在数组的头部；返回添加后的数组的长度，原数组发生改变。
代码示例如下：

var arr=[1,2,3,4];
var a=arr.unshift(9,8,7);
console.log(a,arr);//9,8,7,1,2,3,4；

pop
语法：array.pop()
pop( )方法：从数组尾部删除一个元素，返回这个被删除的元素，原数组发生改变。
代码示例如下：

var arr=[1,2,3,4];
var a=arr.pop();
console.log(a,arr)//4；1,2,3，

shift
语法：array.shift()
shift( ) 方法：从数组头部删除一个元素，返回这个被删除的元素，原数组发生改变。
代码示例如下

var arr = [1,2,3,4];
var a = arr.shift();
console.log(a,arr)//1；2,3,4，

slice
语法：array.slice(start, end)
slice（）方法：如果不传参数，会返回原数组；如果一个参数，从该参数表示的索引开始截取，直至数组结束，返回这个截取数组，原数组不变；
两个参数，从第一个参数对应的索引开始截取，到第二个参数对应的索引结束，但包括第二个参数对应的索引上的值，原数组不改变 &最多接受两个参数
代码示例如下：

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);
console.log(citrus )//Orange,Lemon

splice
语法：array.splice(index,howmany,item1,…,itemX)

• 可以用于删除数组中的指定元素
• 使用splice()会影响到原数组，会将指定元素从原数组中删除
  并将被删除的元素作为返回值返回
• 参数：
  第一个，表示开始位置的索引
  第二个，表示删除的数量
  第三个及以后。。
  可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边
  (可以替换某个元素，也可以在某元素中插入其他元素)
  代码示例如下：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);
console.log(fruits )//Banana,Orange

arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];        
50             var result1= arr.splice(1,2)
51             console.log(result1);
52             console.log(arr);
53             
54 
55             // 替换某个元素
56             var result= arr.splice(1,1,"牛魔王");
57             console.log(result);//猪八戒
58             console.log(arr);//"孙悟空","牛魔王","沙和尚","唐僧","白骨精"
59 
60             //在某个元素前插入新元素
61 
62             var result=arr.splice(1,0,"牛魔王","铁扇公主","红孩儿")
63             console.log(arr);//孙悟空", "牛魔王", "铁扇公主", "红孩儿", "猪八戒", "沙和尚", "唐僧", "白骨精"

reverse
语法：array.reverse()
reverse( )方法：用于颠倒数组中元素的顺序。。
代码示例如下：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
console.log(fruits)//Mango,Apple,Orange,Banana

sort
语法：array.sort(sortfunction)
sort( ) 方法：用于对数组的元素进行排序。
代码示例如下：

var Array = [1,2,3,4,5];
var fruits = Array.sort(function(a,b){
	//return a - b; //从小到大
	return b-a; //从大到小
})

indexOf
indexOf()方法返回给定元素能找在数组中找到的第一个索引值，否则找不到返回-1。

返回值是找到元素的索引值或 -1；

不对原数组产生影响。

var array = [1, 2, 5];
array.indexOf(5); // 2
array.indexOf(7); // -1

join
join() 方法将数组中的所有元素连接成一个字符串。

其实，对于 join 想到的第一个是字符串的 split 操作，这两个经常搭配用来处理字符串。

返回拼接的字符串；

不对原数组产生影响。

var a1 = [1, 2, 3];
var a2 = a1.join();
a1 //[1, 2, 3]
a2 //"1,2,3"
a2 = a1.join("");//"123"
a2 = a1.join("-");//"1-2-3"

lastIndexOf
lastIndexOf() 方法返回指定元素（也即有效的 JavaScript 值或变量）在数组中的最后一个的索引，如果不存在则返回 -1。从数组的后面向前查找，从 fromIndex 处开始。

其实这个就是 indexOf 的翻版。

返回找到的第一个元素的索引；

不对原数组产生影响。

var array = [2, 5, 9, 2];
var index = array.lastIndexOf(2);
// index is 3
index = array.lastIndexOf(7);
// index is -1
index = array.lastIndexOf(2, 3);
// index is 3
index = array.lastIndexOf(2, 2);

concat
这个方法可以用于数组的拼接，参数是一个或多个数组，返回的结果是拼接数组。MDN

concat 方法将创建一个新数组，concat 方法并不修改原数组和参数数组，而且对非数组对象同样有效果。

• 返回拼接的新数组；
• 不修改原数组和参数数组；
• 参数可以是非数组。

var a1 = [1, 2, 3],
  a2 = [4, 5, 6],
  a3 = [7, 8, 9];
var newarr = a1.concat(a2, a3);
newarr //[1, 2, 3, 4, 5, 6, 7, 8, 9]
a1 //[1, 2, 3]
newarr = a1.concat(4, a3);//[1, 2, 3, 4, 7, 8, 9]
newarr = a1.concat('hello');//[1, 2, 3, "hello"]

every
every() 方法测试数组的所有元素是否都通过了指定函数的测试。

arr.every(callback) 会对每一个元素都执行 callback 方法，直到 callback 返回 false。有时候 every 方法会和 forEach 方法相比较，因为 forEach 无法停止，而 every 方法返回 flase 时可以中途停止。

返回布尔值，若全部通过测试，函数返回值 true，中途退出，返回 false；

不对原数组产生影响。

function isBigEnough(element, index, array) {
  return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed is false

passed = [12, 54, 18, 130, 44].every(isBigEnough);
// passed is true

some
语法：array.some(function(currentValue,index,arr),thisValue)
some( ) 方法：检测数组中是否含有某一个值，返回一个布尔值，如果数组中有任意一个元素满足给定的条件，结果就为 true否则则为false。

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 18;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.some(checkAdult);
}
//输出结果为：true

filter
filter() 方法使用指定的函数测试所有元素，并创建一个包含所有通过测试的元素的新数组。

其实这个方法就是一个过滤方法，前面那个 every 方法，只判断不过滤，filter 会过滤掉一些不符合条件的，并返回新数组。

返回一个满足过滤条件的新数组；

不会改变原数组。

function isBigEnough(element, index, array) {
  return (element >= 10);
}
var a1 = [19, 22, 6, 2, 44];
var a2 = a1.filter(isBigEnough);
a1 //[19, 22, 6, 2, 44]
a2 //[19, 22, 44]

forEach
forEach() 方法对数组的每个元素执行一次提供的函数(回调函数)。

函数没有返回值，即 underfined；

不对原数组产生影响。

function logArrayElements(element, index, array) {
    console.log("a[" + index + "] = " + element);
}

// 注意索引2被跳过了，因为在数组的这个位置没有项
var result = [2, 5, 9].forEach(logArrayElements);
// a[0] = 2
// a[1] = 5
// a[2] = 9
result //underfined

map
数组的遍历，用来接收一个返回值，创建一个新数组，不改变原数组。
一般和原数组有关系

var arr = [1,2,3,4,5,6];
arr.map(function(item,index,arr){
	return item * 2
})
//输出 [2,4,6,8,10,12]

reduce
reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始合并，最终为一个值。

reduce 是一个合并的过程，从左到右，直到把所有元素合并到一起，并返回最终的结果。它接受两个参数，第一个参数是一个回掉函数，第二个参数是一个初始值，表示处理第一个元素时的前一个值。这个回掉函数接受四个参数，依次是 accumulator（上次处理的结果），currentValue（当前元素的值），index（当前元素索引），array（调用 reduce 的数组）。

返回最终合并的结果，即回掉函数的输出，可以为字符串，对象，数组等任意结果；

不对原数组产生影响。

var getAdd = (pre, cur) => pre + cur;
var a1 = [1, 2, 3];
var a2 = a1.reduce(getAdd, 0);
a1 //[1, 2, 3]
a2 //6

toString
toString() 返回一个字符串，表示指定的数组及其元素。

显然，这个方法和 join 方法比较一下。

返回拼接的字符串；

不会改变原数组。

var a1 = [1, 2, 3];
var a2 = a1.toString();
a2 //“1,2,3”

ES6 中新添的数组方法

Array.from( )
语法：Array.from(arrayLike[, mapFn[, thisArg]])
Array.from( ) 方法：将类数组对象或可迭代对象转化为数组，比如arguments，js选择器找到dom集合和对象模拟的数组。
代码示例如下

// 参数为数组,返回与原数组一样的数组
console.log(Array.from([1, 2])); // [1, 2] 
// 参数含空位
console.log(Array.from([1, , 3])); // [1, undefined, 3]

Array.of( )
Array.of( ) 方法：数组创建，将参数中所有值作为元素形成数组，如果参数为空，则返回一个空数组。
代码示例如下：

console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4] 
// 参数值可为不同类型
console.log(Array.of(1, '2', true)); // [1, '2', true] 
// 参数为空时返回空数组
console.log(Array.of()); // []

find( )
find( ) 方法：查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素。
代码示例如下：

let arr = Array.of(1, 2, 3, 4);
console.log(arr.find(item => item > 2)); // 3 
// 数组空位处理为 undefined
console.log([, 1].find(n => true)); // undefined

findIndex( )
查找数组中符合条件的元素索引，若有多个符合条件的元素，则返回第一个元素索引。
代码示例如下：

let arr = Array.of(1, 2, 1, 3);
// 参数1：回调函数
// 参数2(可选)：指定回调函数中的 this 值
console.log(arr.findIndex(item => item == 1)); // 0
// 数组空位处理为 undefined
console.log([, 1].findIndex(n => true)); //0

includes( )
includes( ) 方法：检测数组中是否包含一个值。
注意：与 Set 和 Map 的 has 方法区分；Set 的 has 方法用于查找值；Map 的 has 方法用于查找键名。
代码示例如下：

// 参数1：包含的指定值
[1, 2, 3].includes(1);    // true
// 参数2：可选，搜索的起始索引，默认为0
[1, 2, 3].includes(1, 2); // false
// NaN 的包含判断
[1, NaN, 3].includes(NaN); // true

fill( )
fill( ) 方法：将一定范围索引的数组元素内容填充为单个指定的值。
代码示例如下：

let arr = Array.of(1, 2, 3, 4);
// 参数1：用来填充的值
// 参数2：被填充的起始索引
// 参数3(可选)：被填充的结束索引，默认为数组末尾
console.log(arr.fill(0,1,2)); // [1, 0, 3, 4]

entries( )
entries( ) 方法：遍历键值对。
代码示例如下：

for(let [key, value] of ['a', 'b'].entries()){
    console.log(key, value);
}
// 0 "a"
// 1 "b" 
// 不使用 for... of 循环
let entries = ['a', 'b'].entries();
console.log(entries.next().value); // [0, "a"]
console.log(entries.next().value); // [1, "b"]
 
// 数组含空位
console.log([...[,'a'].entries()]); // [[0, undefined], [1, "a"]]

keys( )
keys( ) 方法：遍历键名。
代码示例如下：

for(let key of ['a', 'b'].keys()){
    console.log(key);
}
// 0
// 1 
// 数组含空位
console.log([...[,'a'].keys()]); // [0, 1]

values( )
values( ) 方法：遍历键值。
代码示例如下：

for(let value of ['a', 'b'].values()){
    console.log(value);
}
// "a"
// "b"
// 数组含空位
console.log([...[,'a'].values()]); // [undefined, "a"]

flat( )
嵌套数组转一维数组
代码示例如下：

console.log([1 ,[2, 3]].flat()); // [1, 2, 3] 
// 指定转换的嵌套层数
console.log([1, [2, [3, [4, 5]]]].flat(2)); // [1, 2, 3, [4, 5]] 
// 不管嵌套多少层
console.log([1, [2, [3, [4, 5]]]].flat(Infinity)); // [1, 2, 3, 4, 5]
// 自动跳过空位
console.log([1, [2, , 3]].flat());<p> // [1, 2, 3]

复制数组
…：扩展运算符
代码示例如下：

let arr = [1, 2],
    arr1 = [...arr];
console.log(arr1); // [1, 2]
 
// 数组含空位
let arr2 = [1, , 3],
    arr3 = [...arr2];
console.log(arr3); [1, undefined, 3]
//合并数组
console.log([...[1, 2],...[3, 4]]); // [1, 2, 3, 4]