JavaScript_Array对象方法

 

Array对象：用于在变量中存储多个值。

concat（）

连接两个或更多的数组，并返回新的数组作为结果。【不会改变现有的数组，而仅仅会返回被连接数组的一个副本。】

语法：array1.concat(array2,array3,...,arrayX)

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

var hege = ["Cecilie", "Lone"];
var stale = ["Emil", "Tobias", "Linus"];
var children = hege.concat(stale, ["Robin"，"Mona"]); //参数可以是具体值也可以是数组对象
children 输出结果：
Cecilie,Lone,Emil,Tobias,Linus,Robin,Mona

every（）

用于检测数组所有元素是否都符合指定条件（通过函数提供）。【不会对空数组进行检测，不会改变原始数组。】

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

语法：array.every(function(currentValue,index,arr), thisValue)

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

var ages = [32, 33, 12, 40];
function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.every(checkAdult);
}
输出结果：
false

filter（）

创建一个新的数组，新数组中的元素是检查指定数组中符合条件的所有元素。【不会对空数组进行检测，不会改变原始数组。】

语法：array.filter(function(currentValue,index,arr), thisValue)

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

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

function checkAdult(age) {
    return age >= 18;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
输出结果为:
32,33,40

indexOf（）

可返回某个指定的字符串值在字符串中首次出现的位置。

• 若找到该字符串，则返回其首次出现的位置
• 若没找到该字符串则返回 -1。

语法：array.indexOf(item,start)

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

var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
var a = fruits.indexOf("Apple",4);
a 结果输出：
6

lastIndexOf（）

返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

• 若找到该字符串，则返回该字符串第一个字符所在的位置
• 若没找到该字符串则返回 -1。

语法：array.lastIndexOf(item,start)

参数	描述
item	必需。规定需检索的字符串值。
start	可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。

var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
var a = fruits.lastIndexOf("Apple",4);
a 结果输出：
2

join（）

把数组中的所有元素转换为一个字符串，并返回该字符串。

语法：array.join(separator)

参数	描述
separator	可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join(" and ");
energy 结果输出：
Banana and Orange and Apple and Mango

map（）

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

【按照原始数组元素顺序依次处理元素。不会对空数组进行检测，不会改变原始数组。】

语法：array.map(function(currentValue,index,arr), thisValue)

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

var numbers = [4, 9, 16, 25];
function myFunction() {
    x = document.getElementById("demo")
    x.innerHTML = numbers.map(Math.sqrt);
}
输出结果为:
2,3,4,5

var numbers = [65, 44, 12, 4];
function multiplyArrayElement(num) {
    return 10 * document.getElementById("multiplyWith").value;
}
function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}
输出结果：
650，440，120，40

shift（）

把数组的第一个元素从其中删除，并返回第一个元素的值。【改变数组长度。】

语法：array.shift()

*数组元素可以是一个字符串，数字，数组，布尔，或者其他对象类型。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift()
fruits结果输出:
Orange,Apple,Mango

unshift（）

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

语法：array.unshift(item1, item2, ... , itemX)

参数	描述
item1,item2, ..., itemX	可选。向数组起始位置添加一个或者多个元素。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
输出结果：
Lemon,Pineapple,Banana,Orange,Apple,Mango

pop（）

删除数组的最后一个元素并返回删除的元素。【改变数组长度。】

语法：array.pop()

*数组元素可以是一个字符串，数字，数组，布尔，或者其他对象类型。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
fruits 结果输出：
Banana,Orange,Apple

push（）

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

语法：array.push(item1, item2, ..., itemX)

参数	描述
item1, item2, ..., itemX	必需。要添加到数组的元素。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")
fruits 结果输出：
Banana,Orange,Apple,Mango,Kiwi

reverse()

颠倒数组中元素的顺序。

语法：array.reverse()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
fruits 结果输出：
Mango,Apple,Orange,Banana

slice（）

可从已有的数组中返回选定的元素。可提取字符串的某个部分，并以新的字符串返回被提取的部分。【不会怪便原始数组】

语法：array.slica(tart, end)

参数	描述
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

var str="www.w3cschool.cn!";
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
//正数,, 左开右闭
document.write(str.slice(4)+"<br>"); // 从第 5 个字符开始截取到末尾
document.write(str.slice(4,10)+"<br>"); // 从第 5 个字符开始截取到第10个字符
document.write(fruits.slice(1,3)+"<br>");//从第 2 个数组元素开始截取到第3个数组元素

//负数,,左闭右开
document.write(str.slice(-5,-1)+"<br>");
document.write(fruits.slice(0,-1); //从第 1 个开始截取到倒数第 2 个数组元素
document.write(fruits.slice(-3,-1)); //从倒数第3个开始截取到倒数第 2 个数组元素
输出结果：
w3cschool.cn!
w3csch
Orange,Lemon
l.cn
Banana,Orange,Lemon,Apple
Lemon,Apple

some（）

检测数组中的元素是否满足指定条件（函数提供）。【不会对空数组进行检测，不会改变原始数组。】

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

语法：array.some(function(currentValue,index,arr),thisValue)

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

var ages = [3, 10, 18, 20];
function checkAdult(age) {
    return age >= 18;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.some(checkAdult);
}
输出结果为:
true

sort（）

对数组的元素进行排序。【会改变原始数组。】

排序顺序可以是字母或数字，并按升序或降序。默认排序顺序为按字母升序。

注意：

• 当数字是按字母顺序排列时"40"将排在"5"前面。
• 使用数字排序，你必须通过一个函数作为参数来调用。
• 函数指定数字是按照升序还是降序排列。

语法：array.sort(sortfunction)

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

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

数字排序 (字母和降序):
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits.reverse();
fruits输出结果：
Orange,Mango,Banana,Apple

splice（）

用于插入、删除或替换数组的元素。【会改变原始数组。】

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

参数	描述
index	必需。规定从何处添加/删除元素。 该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany	必需。规定应该删除多少元素。必须是数字，但可以是 "0"。 如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX	可选。要添加到数组的新元素

移除数组的第三个元素，并在数组第三个位置添加新元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");
fruits 输出结果：
Banana,Orange,Lemon,Kiwi,Mango

toString（）

把数组转换为字符串，并返回结果。【数组中的元素之间用逗号分隔。】

语法：array.toString()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.toString();
fruits将输出：
Banana,Orange,Apple,Mango

valueOf()

返回 Array 对象的原始值。type:Array【不会改变原数组。】

该原始值由 Array 对象派生的所有对象继承。valueOf() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。

语法：array.valueOf()

valueOf() 是数组对象的默认方法。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var v=fruits.valueOf();
 fruits.valueOf()与 fruits返回值一样。
v输出结果为：
Banana,Orange,Apple,Mango