美文网首页
JavaScript Array 对象方法

JavaScript Array 对象方法

作者: 夜息白鸽 | 来源:发表于2017-12-13 16:31 被阅读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 个位置。

相关文章

  • JS高级

    1,javascript 基础知识 Array对象 Array对象属性 Arrray对象方法 Date对象 Dat...

  • 2020-02-14

    JavaScript splice() 方法 JavaScript Array 对象](https://www.r...

  • JavaScript Math 对象方法总结

    文章摘自 菜鸟教程类似文章推荐:JavaScript String 对象方法总结JavaScript Array ...

  • 数组的方法

    数组的方法 JavaScript Array对象的属性和方法 : https://...

  • JS数组函数

    W3C JavaScript Array 对象 concat(array) concat方法用于拼接数组,a.co...

  • JavaScript Array 对象方法Ⅲ

    ①sort()对数组的元素进行排序。 ②toString()把数组转换为字符串,并返回结果。 ③unshift()...

  • JavaScript Array 对象方法

    ①concat() ②copyWithin() ③every()检测数值元素的每个元素是否都符合条件。 ④fill...

  • JavaScript Array 对象方法Ⅱ

    ①join()把数组的所有元素放入一个字符串。 ②lastIndexOf()返回一个指定的字符串值最后出现的位置,...

  • JavaScript Array对象方法

    [疯狂补基础ing......] emmmmm所以,这篇文章的由来又是“arr.shift()是什么= =//? ...

  • 去除字符串中的空格符

    参考地址 Array 对象 - JavaScript 教程 - 网道 ---- join 代码示例 方法二 扩展:...

网友评论

      本文标题:JavaScript Array 对象方法

      本文链接:https://www.haomeiwen.com/subject/ldzaixtx.html