js面试题,求解析。越详细越好

求解析,a.b 和 a[b]都是获取对象属性的写法。但差异是:a[b]的b只能是字符串。
那下面的代码怎么解析呢 ,输出值为什么是345,345,333?

var a = {};
var b = {key: 'b'};
var c = {key: 'c'};
var d = [3,5,6];
a[b] = 123;
a[c] = 345;
a[d] = 333;
console.log(a[b]); 
console.log(a[c]); 
console.log(a[d]);


FFIVE
浏览 924回答 2
2回答

HUX布斯

对象的key值是一个字符串,b与c都是一个对象,将他们作为a的key值会先转化为字符串,对象转化为字符串后是[object Object],所以a[b]=123就是a['[object Object]']=123,执行a[c] = 345;的时候会把a['[object Object]']重新赋值为345,所以打印a[c]与a[d]就是对a['[object Object]']的取值,结果都是345数组d转化为字符串的结果是3,5,6,所以a[d] = 333;就是a['3,5,6'] = 333;,取值同理就是取a['3,5,6']的值补充es6中可作为对象属性的Symbol类型

茅侃侃

Object内置toString 和 valueOf 方法;这种情况a[b] = 123 会默认调用对象的toString().a[b] = 123就是a['[object Object]'] = 123a[c]里面的对象c通向会调用toString() 也是a['[object Object]'] = 345;而数组的toStirng() = '[object Array]';最终a应该是{'[object Object]':345,'[object Array]':333};ps:默认调用toString()是什么情况我要先查查先。错了。。。。应该是a {'[object Object]':345,'3,5,6':333};
打开App,查看更多内容
随时随地看视频慕课网APP