zoukankan      html  css  js  c++  java
  • js-数组空位

    什么是数组空位?

    比如:let args=[,,,],它就是数组空位

    数组空位定义:在《数组的初始化》中提到,"数组元素可以在元素列表的开头,中间或结尾处省略。每当元素列表中的逗号前面没有AssignmentExpression(即,逗号在另一个逗号的开头或之后),丢失的数组元素就会增加Array的长度并增加后续元素的引索。未定义省略的数组元素。如果一个元素被省略在数组的末尾,则该元素不会对数组的长度产生影响"
    让我们了解一下:在浏览器控制台输出

    1.let args = [,,,]
    2.args.length = 3
    3.Array.prototype.slice.call(args)
    4.(3)[empty x 3]
    5.args[0]
    6.undefined
    

    从上面可以看出,args中存在空位(逗号的前或后不存在表达式),且空位的值是undefined,那么就会问,这样是不是跟传入undefined值是一样的呢?
    那我们就定义一个args_unfied,其中传入的值为undefined:

    1.let args_unfied = [undefined,undefined,undefined]
    2.args_unfied.length = 3
    3.Array.prototype.slice.call(args_unfied)
    4.(3) [undefined, undefined, undefined]
    5.args_unfied[0]
    6.undefined
    

    由上面可以看到,第3行的执行结果第四行不一样,由此可以得出结论,空位数组中不存在数组索引

    那我们就深入探讨一下究竟哪里不一样:
    args.hasOwnProperty(0) = false //说明没有索引
    Object.keys(args)
    []//说明没有索引
    args_unfied.hasOwnProperty(0) =true
    Object.keys(args_unfied)
    (3) ["0", "1", "2"]
    -----------------------------------
    //Array.prototype.reduce(fn)传入一个函数,累加器
    args.reduce((x,y) =>x+y) //无法执行空数组
    //VM1490:1 Uncaught TypeError: Reduce of empty array with no initial value
    //    at Array.reduce (<anonymous>)
    //    at <anonymous>:1:6
    args_unfied.reduce((x,y) =>x+y) //NaN  非数字相加为NaN
    -----------------------------------
    Araay.prototype.every(fn) //数组中所有值都符合条件则返回true,如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测,且不会对空数组进行检测
    args.every(x=>y)//不管y的值是什么,都返回true,默认返回true,跳过检测
    args_unfied.every(x=>x==undefined) //true
    

    由上面可以看到,对于大部分Array的方法,空数组都无法正确检测,所有经量要避免出现空数组的出现

  • 相关阅读:
    archlinux 安装deepin桌面连接wifi不能输入密码
    LinuxMint/Ubuntu 关机重启等待 90 秒问题的解决办法
    WPS for Linux 字体配置(字体缺失解决办法)
    mysql 找回密码
    SQL的四种连接-左外连接、右外连接、内连接、全连接
    springmvc+shiro应用配置
    java手机验证码实现
    maven+ssm+cxf3配置例子
    破碎之花--普西拉之歌
    HTML5示例程序地址
  • 原文地址:https://www.cnblogs.com/zzw-847776943/p/12467981.html
Copyright © 2011-2022 走看看