数组的操作方法

1、concat() 方法

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

• 参数

参数	描述
array2, array3, …, arrayX	必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。

• 返回值

Type	描述
Array 对象	返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 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() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。

• 参数

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

• 返回值

Type	描述
Array 对	返回一个新的数组, 原数组被改变

• 代码

var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
document.getElementById("demo").innerHTML = fruits;

function myFunction() {  
    document.getElementById("demo").innerHTML = fruits.copyWithin(2,0,2);
}

输出
Banana,Orange,Banana,Orange,Kiwi,Papaya

3、every() 方法

定义和用法
every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。
every() 方法使用指定函数检测数组中的所有元素：

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

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

• 参数

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

• 返回值

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

• 代码

var ages = [32, 33, 16, 40];

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

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

输出
false

4、fill() 方法

fill() 方法用于将一个固定值替换数组的元素。
array.fill(value, start, end)

• 参数

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

• 返回值

Type	描述
Array	改变后的数组

• 代码

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.fill("Runoob", 2, 4);

输出
Banana,Orange,Runoob,Runoob

5、filter() 方法

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

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

• 参数

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

• 返回值

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

• 代码

var ages = [32, 33, 16, 40];

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

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

输出
32,33,40

6、includes() 方法

定义和用法
includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

• 参数

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

• 返回值

Type	描述
Array	返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

• 代码

let site = ['runoob', 'google', 'taobao'];
 
site.includes('runoob'); 
// true 
 
site.includes('baidu'); 
// false

7、map() 方法

定义和用法
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。

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

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

• 参数

参数	描述
searchElement	必须。需要查找的元素值。
fromIndex	可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

• 返回值

Type	描述
Bolean	布尔值。如果找到指定值返回 true，否则返回 false。

• 代码

lvar numbers = [4, 9, 16, 25];

function myFunction() {
    x = document.getElementById("demo")
    x.innerHTML = numbers.map(Math.sqrt);
}
2,3,4,5

8、some() 方法

定义和用法
some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。
some() 方法会依次执行数组的每个元素：
如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素，则返回false。

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

• 参数

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

• 返回值

Type	描述
Bolean	果数组中有元素满足条件返回 true，否则返回 false。

• 代码

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

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

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

输出 true

9、sort() 方法

定义和用法
sort() 方法用于对数组的元素进行排序。
排序顺序可以是字母或数字，并按升序或降序。
默认排序顺序为按字母升序。。

• 参数

参数	描述
sortfunction	可选。规定排序顺序。必须是函数。

• 返回值

Type	描述
Array	对数组的引用。请注意，数组在原数组上进行排序，不生成副本。

• 代码

数字排序（数字和升序）：
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});

结果 1,5,10,25,40,100

------------------

数字排序（数字和降序）：

var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});

结果  100,40,25,10,5,1

参考：
数组教学