美文网首页
JavaScript Array 对象方法Ⅱ

JavaScript Array 对象方法Ⅱ

作者: 夜息白鸽 | 来源:发表于2017-12-13 16:31 被阅读0次

    ①join()
    把数组的所有元素放入一个字符串。

    把数组中的所有元素转换为一个字符串:
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var energy = fruits.join();
    energy输出结果:
    Banana,Orange,Apple,Mango
    

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

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

    ③map()
    通过指定函数处理数组的每个元素,并返回处理后的数组。

    返回一个数组,数组中元素为原始数组的平方根:
    var numbers = [4, 9, 16, 25];
    
    function myFunction() {
        x = document.getElementById("demo")
        x.innerHTML = numbers.map(Math.sqrt);
    }
    输出结果为:
    2,3,4,5
    

    ④pop()
    删除数组的最后一个元素并返回删除的元素。

    移除最后一个数组元素
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.pop();
    fruits 结果输出:
    Banana,Orange,Apple
    

    ⑤push()
    向数组的末尾添加一个或更多元素,并返回新的长度。

    数组中添加新元素:
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.push("Kiwi")
    fruits 结果输出:
    Banana,Orange,Apple,Mango,Kiwi
    

    ⑥reduce()
    将数组元素计算为一个值(从左到右)。

    计算数组元素相加后的总和:
    var numbers = [65, 44, 12, 4];
     
    function getSum(total, num) {
        return total + num;
    }
    function myFunction(item) {
        document.getElementById("demo").innerHTML = numbers.reduce(getSum);
    }
    输出结果:
    125
    

    ⑥reduceRight()
    将数组元素计算为一个值(从右到左)。

    计算数组元素相加后的总和:
    var numbers = [65, 44, 12, 4];
     
    function getSum(total, num) {
        return total + num;
    }
    function myFunction(item) {
        document.getElementById("demo").innerHTML = numbers.reduceRight(getSum);
    }
    输出结果:
    125
    

    ⑦reverse()
    反转数组的元素顺序。

    颠倒数组中元素的顺序:
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.reverse();
    fruits 结果输出:
    Mango,Apple,Orange,Banana
    

    ⑧shift()
    删除并返回数组的第一个元素。

    从数组中移除元素:
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.shift()
    fruits结果输出:
    Orange,Apple,Mango
    

    ⑨slice()
    选取数组的的一部分,并返回一个新数组。

    在数组中读取元素:
    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
    var citrus = fruits.slice(1,3);
    citrus 结果输出:
    Orange,Lemon
    

    ⑩some()
    检测数组元素中是否有元素符合指定条件。

    检测数组中是否有元素大于 18:
    var ages = [3, 10, 18, 20];
    
    function checkAdult(age) {
        return age >= 18;
    }
    
    function myFunction() {
        document.getElementById("demo").innerHTML = ages.some(checkAdult);
    }
    输出结果为:
    true
    

    sort()
    对数组的元素进行排序。

    数组排序:
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.sort();
    fruits 输出结果:
    Apple,Banana,Mango,Orange
    

    相关文章

      网友评论

          本文标题:JavaScript Array 对象方法Ⅱ

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