一开始从面试题中,有大佬贴出答案的代码,但对于输出结果并不理解。接下来自己做了验证,还阅读 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。