每日JavaScript-29 逻辑运算符,位运算符undefined和null

一开始从面试题中,有大佬贴出答案的代码,但对于输出结果并不理解。接下来自己做了验证,还阅读 JavaScript高级程序设计才搞懂。(JS看似)

let obj = {1:222, 2:123, 5:888}
const result = Array.from({length: 12}).map((_, index) => obj[index + 1] || null)
// [ 222, 123, null, null, 888, null, null, null, null, null, null, null ]
console.log(result)

当obj中不存在index + 1的键时,obj[index + 1]显然是undefined。那么为什么console.log(undefined || null)?会输出null呢?
首先,要搞清除逻辑运算符和位运算符。逻辑运算符是 && 和 ||,位运算符是 | 和 &。当我查阅JavaScript高级程序设计时,发现了一直逻辑运算符的规则:

// null
console.log(undefined || null)

// 0
console.log(undefined & null)

&&的规则

  • 如果第一个操作数是对象,则返回第二个操作数
  • 如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象。
  • 如果两个操作数都是对象,则返回第二个操作数
  • 如果第一个操作数是null,则返回null
  • 如果第一个操作数是undefined,则返回undefined

||的规则

  • 如果第一个操作数是对象,则返回第一个操作数
  • 如果是第一个操作数的求值为false,则返回第二个操作数
  • 如果两个操作数都是对象,则返回第一个操作数
  • 如果两个操作都是null,则返回null
  • 如果两个操作数都是NaN,则返回NaN
  • 如果两个操作数都是undefined,则返回undefined

待更新undefined和null的含义

关于undefined和null的不同含义,阮一峰老师有一篇文章介绍的很详细:
http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html
null表示"没有对象",即该处不应该有值。

Object.getPrototypeOf(Object.prototype)
// null

undefined表示"缺少值",就是此处应该有一个值,但是还没有定义
(1)变量被声明了,但没有赋值时,就等于undefined。
(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。
(3)对象没有赋值的属性,该属性的值为undefined。
(4)函数没有返回值时,默认返回undefined。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值