美文网首页
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 个位置。
    

    相关文章

      网友评论

          本文标题:JavaScript Array 对象方法

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