美文网首页
Array数组的方法集锦

Array数组的方法集锦

作者: 咸鱼不闲吧 | 来源:发表于2021-02-21 22:23 被阅读0次

    除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了。

    与其他多数语言中的数组区别及特性:

    1、ECMAScript数组的每一项可以保存任何类型的数据(如字符串、数值、对象...
    2、数组的大小可以动态调整,即可以随着数据的添加自动增长以容纳新增数据。

    △检测数组
    • instanceof 操作符
    if (value instanceof Array) {
        // 对数组执行某些操作
    }
    

    存在的问题:它假定只有一个全局执行环境。若网页中包含多个框架,就存在两个以上的全局执行环境,则会存在两个以上不同版本的Array构造函数。

    • Array.isArray() 方法

    解决了instanceof 的问题。
    目的:最终确定某个值到底是不是数组,而不管它是在哪个全局执行环境中创建的。

    if (Array.isArray(value)) {
        // 对数组执行某些操作
    }
    
    △转换方法
    • toString() 方法

    返回值:由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。

    • valueOf() 方法

    返回值:还是数组。

    var colors = ["red", "blue", "green"];   // 创建一个包含3个字符串的数组
    alert(colors.toString());    // red,blue,green
    alert(colors.valueOf());    // red,blue,green
    alert(colors);    // red,blue,green
    
    • join() 方法

    功能:可以使用不同的分隔符来构建返回的字符串。

    var colors = ["red", "blue", "green"];
    alert(colors.join(","));    // red,blue,green
    alert(colors.join("||"));    // red||blue||green
    

    *若不传参数,或者传undefined,则使用逗号作为分隔符

    △栈方法
    • push()
    • pop()
    △队列方法
    • shift()
    • unshift()
    △重排序方法
    • reverse()
    • sort()
    △操作方法
    • concat()
    • slice()
    • splice()
    △位置方法
    • indexOf()
    • lastIndexOf()
    △迭代方法
    • every()
    • some()
    • filter()
    • map()
    • forEach()
    △归并方法
    • reduce()
    • reduceRight()

    相关文章

      网友评论

          本文标题:Array数组的方法集锦

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