• [JavaScript]JavaScript中的Array


    JavaScript中的Array

    今天较全面地学习到了JS中的Array,也就是数组。写博文一篇来总结一下学习和使用过程中关于Array中的一些误区和常用API,加深一下印象。

    关于Array最全面的API在此,MDN

    阮一峰阮老师的Array教程

    Array的定义

    来自MDN的定义:

    JavaScript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象

    来自阮一峰老师教程的定义:

    数组(array)是按次序排列的一组值。每个值的位置都有编号(从0开始),整个数组用方括号表示。

    首先,数组是 对象,其次,他 按次序排列

    • 数组与对象的区别

    那么数组和对象的区别在哪里呢?

    我们先来看一下这段代码:

    我们分别声明了一个数组和对象,我们可以看到:arr === obj 的结果为false,而且他们对应的构造函数也不同。

    数组arr的构造函数是Array,而obj对应的构造函数Object,这就是他们最本质的区别。

    因此,我们也可以说,数组是一个拥有特殊原型链的对象。

    Array的声明

    • 直接声明
    var arr = [1,2,3]
    arr //[1,2,3]
    

    这样我们就创建了一个length为3的数组。

    • 构造函数声明
    var arr = new Array(1,2,3)
    arr //[1,2,3]
    

    值得注意的是,当我们使用构造函数声明一个数组时,应该注意,不同的参数,会导致它的行为不一致。

    var arr = new Array(3)
    arr //[empty × 3]
    
    var arr = new Array(3,3)
    arr //[3, 3]
    

    因此,我们在声明一个数组时,不建议使用构造函数生成新数组,直接使用数组字面量是更好的做法。

    伪数组

    如果一个对象的所有键名都是正整数或零,并且有length属性,那么这个对象就很像数组,语法上称为“类似数组的对象”

    比如前文提到的:

    var arr = {
        '0':1,
        '2':2,
        '3':3
    }
    
    • 如何判断数组是不是伪数组

      • 很简单,这要这个数组的构造函数的原型是Array,他就是真数组;如果他的构造函数的原型是Object,他就是伪数组。
      // 真数组
      arr.__proto__ === Array.prototype   //true
      // 伪数组
      arr.__proto__ === Object.prototype  //true
      
      • Array.isArray()
        Array.isArray方法返回一个布尔值,表示参数是否为数组。它可以弥补typeof运算符的不足。
      var arr = [1, 2, 3];
      
      typeof arr // "object"
      Array.isArray(arr) // true
      

    Array常用API

    阮一峰老师的教程中有很详细的用法讲解,全盘照抄没有意思,重要的是理解,如果实在不记得直接去查询就可以了。

    • push()
    • pop()
    • shift()
    • unshift()
    • forEach()
    • sort()
    • join()
    • concat()
    • map()
    • filter()
    • reduce
  • 相关阅读:
    文件的上传
    自定义EL表达式的函数
    JSTL 自定义标签
    Java c3p0连接池之二
    Java c3p0连接池
    JSP 登录与注册的小案例
    Java jdbc 连接oracle之三(封装工具类)
    Java jdbc 连接oracle之二(使用properties文件)
    Swift中Notification.Name自定义枚举
    swift UITableViewCell 策划删除,iOS11之后 设置侧滑不到最左边
  • 原文地址:https://www.cnblogs.com/No-harm/p/9535842.html
Copyright © 2020-2023  润新知