JavaScript Array 对象方法

2017-12-13  本文已影响0人  夜息白鸽

①concat()

连接两个或更多的数组,并返回结果。
var hege = ["Cecilie", "Lone"];
var stale = ["Emil", "Tobias", "Linus"];
var kai = ["Robin"];
var children = hege.concat(stale,kai);
document.write(children);
//运行结果 Cecilie,Lone,Emil,Tobias,Linus,Robin

②copyWithin()

方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中
<button onclick="myFunction()">点我</button>

<p id="demo"></p>

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

function myFunction() {  
    document.getElementById("demo").innerHTML = fruits.copyWithin(2,0);
}
//运行结果Banana,Orange,Banana,Orange

③every()
检测数值元素的每个元素是否都符合条件。

检测数组 ages 的所有元素是否都大于 18 :
var ages = [32, 33, 16, 40];

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

function myFunction() {
    document.getElementById("demo").innerHTML = ages.every(checkAdult);
}
输出结果为:
false

④fill()

 使用一个固定值来填充数组 
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.fill("Runoob");
fruits 输出结果:
Runoob,Runoob,Runoob,Runoob

⑤filter()
检测数值元素,并返回符合条件所有元素的数组。

返回数组 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

⑥find()
返回符合传入测试(函数)条件的数组元素。

获取数组中年龄大于 18 的第一个元素
var ages = [3, 10, 18, 20];
 
function checkAdult(age) {
    return age >= 18;
}
 
function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
fruits 输出结果:
18

⑦findIndex()
返回符合传入测试(函数)条件的数组元素索引。

获取数组中年龄大于 18 的第一个元素索引位置
var ages = [3, 10, 18, 20];
 
function checkAdult(age) {
    return age >= 18;
}
 
function myFunction() {
    document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}
fruits 输出结果:
2

⑧forEach()
数组每个元素都执行一次回调函数。

列出数组的每个元素:
<button onclick="numbers.forEach(myFunction)">点我</button>
<p id="demo"></p>
 
<script>
demoP = document.getElementById("demo");
var numbers = [4, 9, 16, 25];
 
function myFunction(item, index) {
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; 
}
</script>
输出结果:
index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25

⑨includes()
判断一个数组是否包含一个指定的值。

检测数组 site 是否包含 runoob :
let site = ['runoob', 'google', 'taobao'];
 
site.includes('runoob'); 
// true 
 
site.includes('baidu'); 
// false

⑩indexOf()
搜索数组中的元素,并返回它所在的位置。

查找数组中的 "Apple" 元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");
a 结果输出:
2
以上输出结果意味着 "Apple" 元素位于数组中的第 2 个位置。
上一篇 下一篇

猜你喜欢

热点阅读