JavaScript Array 对象常用的方法

列出了算法题中常用的方法，后续会继续补充

1、concat方法

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

//合并三个数组的值：
var hege = ["Cecilie", "Lone"];
var stale = ["Emil", "Tobias", "Linus"];
var kai = ["Robin"];
var children = hege.concat(stale,kai);

//children 输出结果：
Cecilie,Lone,Emil,Tobias,Linus,Robin

2、copyWithin方法

copyWithin() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。

array.copyWithin(target, start, end)

target： 必需。复制到指定目标索引位置。
start： 可选。元素复制的起始位置。
end： 可选。停止复制的索引位置 (默认为 array.length)。如果为负值，表示倒数。

//复制数组的前面两个元素到第三和第四个位置上：
var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
fruits.copyWithin(2, 0, 2);

//输出结果：
Banana,Orange,Banana,Orange,Kiwi,Papaya

3、fill方法

fill() 方法用于将一个固定值替换数组的元素。

array.fill(value, start, end)

value： 必需。填充的值。
start： 可选。开始填充位置。
end： 可选。停止填充位置 (默认为 array.length)

//填充 "Runoob" 到数组的最后两个元素：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.fill("Runoob", 2, 4);

//输出结果：
Banana,Orange,Runoob,Runoob

4、filter方法

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意： filter() 不会对空数组进行检测。
注意： filter() 不会改变原始数组。

array.filter(function(currentValue,index,arr), thisValue)

function(currentValue, index,arr)： 必须。函数，数组中的每个元素都会执行这个函数。
函数参数:
currentValue：必须。当前元素的值
index：可选。当前元素的索引值
arr：可选。当前元素属于的数组对象
thisValue：可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。如果省略了 thisValue ，“this” 的值为 “undefined”

//返回数组 ages 中所有元素都大于 18 的元素:
var ages = [32, 33, 16, 40];

function checkAdult(age) {
    return age >= 18;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

//输出结果为:
//32,33,40

5、forEach方法

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
注意: forEach() 对于空数组是不会执行回调函数的。

array.forEach(function(currentValue, index, arr), thisValue)

function(currentValue, index, arr) ：必需。 数组中每个元素需要调用的函数。
函数参数:
currentValue：必需。当前元素
index：可选。当前元素的索引值。
arr：可选。当前元素所属的数组对象。
thisValue：可选。传递给函数的值一般用 “this” 值。如果这个参数为空， “undefined” 会传递给 “this” 值

计算数组所有元素相加的总和：
var numbers = [65, 44, 12, 4];
 
numbers.forEach(myFunction)
function myFunction(item) {
    console.log(item);
}

//输出
65 44 12 4

6、indexOf方法

indexOf() 方法可返回数组中某个指定的元素位置。

该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。

如果在数组中没找到指定元素则返回 -1。
提示如果你想查找字符串最后出现的位置，请使用 lastIndexOf() 方法。

array.indexOf(item,start)

item：必须。查找的元素。
start：可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

//查找数组中 "Apple" 的元素, 在数组的第四个位置开始检索：
var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
var a = fruits.indexOf("Apple",2);

//a 结果输出：
2

7、join方法

join() 方法用于把数组中的所有元素转换一个字符串。
元素是通过指定的分隔符进行分隔的。

array.join(separator)
separator ：可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。
返回值：返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

//使用不同的分隔符：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy1 = fruits.join(" and ");
var energy2 = fruits.join();

//energy1 结果输出：
Banana and Orange and Apple and Mango
//energy2 结果输出：
Banana,Orange,Apple,Mango

8、map方法

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

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

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

array.map(function(currentValue,index,arr), thisValue)
function(currentValue, index,arr)： 必须。函数，数组中的每个元素都会执行这个函数
函数参数:
currentValue： 必须。当前元素的值
index： 可选。当前元素的索引值
arr： 可选。当前元素属于的数组对象
thisValue： 可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。如果省略了 thisValue，或者传入 null、undefined，那么回调函数的 this 为全局对象。

//返回一个数组，数组中元素为原始数组的平方根:
var numbers = [4, 9, 16, 25];
numbers.map((item,index,arr)=>{
	console.log(item);
});

//输出结果为:
[4,9,16,25]

9、pop方法

pop() 方法用于删除数组的最后一个元素并返回删除的元素。

注意：此方法改变数组的长度！
提示： 移除数组第一个元素，请使用 shift() 方法。

移除最后一个数组元素：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.pop());

//控制台输出结果：
Mango

fruits 数组变为：
["Banana", "Orange", "Apple"]

10、push方法

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

注意： 新元素将添加在数组的末尾。
注意： 此方法改变数组的长度。
提示： 在数组起始位置添加元素请使用 unshift() 方法。

数组中添加新元素：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.push("Kiwi"));

控制台结果输出：
["Banana", "Orange", "Apple", "Mango","Kiwi"]

11、reverse方法

reverse() 方法用于颠倒数组中元素的顺序。

//颠倒数组中元素的顺序：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.reverse());

//控制台输出：
["Mango","Apple","Orange","Banana"]

12、shift方法

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

注意： 此方法改变数组的长度！
提示: 移除数组末尾的元素可以使用 pop() 方法。

//从数组中移除元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.shift());

//控制台输出结果:
Mango
//fruits 数组变为:
["Banana", "Orange", "Apple"]

13、unshift方法

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

注意： 该方法将改变数组的数目。
提示: 将新项添加到数组末尾，请使用 push() 方法。

将新项添加到数组起始位置:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.unshift("Lemon","Pineapple"));

控制台输出结果：
["Lemon","Pineapple","Banana", "Orange", "Apple", "Mango"]

14、slice方法

arrayObject.slice(start,end)

slice() 方法可从已有的数组中返回选定的元素。
返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

var arr = new Array();
arr[0] = "first";
arr[1] = "second";
arr[2] = "third";
arr[3] = "forth";
console.log(arr.slice(0));		//["first","second","third","forth"]
console.log(arr.slice(2));		//["thied","forth"]
console.log(arr.slice(1,2));	//["second"]

15、splice方法

arrayObject.splice(start,howmany,item1…itemX)
splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。
参数：
index —— 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany —— 必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, …, itemX —— 可选。向数组添加的新项目。

let array = [0,1,2,3,4,5,6]
console.log(array.splice(2))	//[2,3,4,5,6]
console.log(array)				//[0,1]

let array = [0,1,2,3,4,5,6]
console.log(array.splice(2,1))		//[2]
console.log(array)					//[0,1,3,4,5,6]

let array = [0,1,2,3,4,5,6]
console.log(array.splice(2,1,8,9))	//[2]
console.log(array)					//[0,1,8,9,3,4,5,6]

16、split方法

string.split(separator,limit)
将字符串转换成数组
参数：
separator----------表示从什么地方开始分割字符串对象，是一个可选值。
limit--------------表示该数组可以返回的最大长度，是一个可选值。如果未设置这个参数，整个字符串都会被分割，不会限制它的长度。

et str="what are you doing";
console.log(str.split(" "))	//['what', 'are', 'you', 'doing']
console.log(str.split(""))	//['w', 'h', 'a', 't', ' ', 'a', 'r', 'e', ' ', 'y', 'o', 'u', ' ', 'd', 'o', 'i', 'n', 'g']