温故知新(三)var a1 = {}, b1 = ‘123‘, c1 = 123; a1[b1] = ‘b‘; a1[c1] = ‘c‘; console.log(a1[b1]); var a2 =

题目描述:写出执行结果并解释原因

var a1 = {}, b1 = '123', c1 = 123;
a1[b1] = 'b';
a1[c1] = 'c';
console.log(a1[b1]);

var a2 = {}, b2 = Symbol('123'), c2 = Symbol('123');
a2[b2] = 'b';
a2[c2] = 'c';
console.log(a2[b2]);

var a3 = {}, b3 = {key:'123'}, c3 = {key:'456'};
a3[b3] = 'b';
a3[c3] = 'c';
console.log(a3[b3]);

答案:

'c' 'b' 'c'

知识点:

  1. 对象的键名只能是 字符串 Symbol 类型
  2. 其他类型的键名会被转化成字符串类型
  3. 对象转字符串默认会调用 toString 方法

解析:

  • 在 a1 中,a1[b1] = 'b' ; a1[c1] = 'c' ; c1 的键名会被转换成字符串 '123' 覆盖掉 b1 ,所以结果为 'c'
  • 在 a2 中,b2,c2 都是 Symbol 类型,不需要转换,任何一个 Symbol 类型的值都是不相等的,所以不会覆盖,结果为 'b'
  • 在 a3 中 , b3,c3 都是 object 类型,作为键名会调用 toString 方法转换为字符串 [object Object],c3 覆盖 b3 的值,结果为 'c'

扩展:

除了上面的 Symbol,如果不想被覆盖值,可以使用 ES6 提供的 Map,它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。

例如:

var a = new Map(),b = 123 , c = '123';
a.set(b,'b);
a.set(c,'c');
a.get(b); //'b'
a.get(c); // 'c'

var map = new Map();

map.set(-0, 123);
map.get(+0) // 123

map.set(true, 1);
map.set('true', 2);
map.get(true) // 1

map.set(undefined, 3);
map.set(null, 4);
map.get(undefined) // 3

map.set(NaN, 123);
map.get(NaN) // 123

 Object 和 Map 类似的是都允许你按键存取一个值,删除键,检测一个键是否绑定了值。因此过去我们一直把 Object 当作是 Map 使用,不过 Map 和 Object 还是又重要区别的:

  •  Object 键只能是字符串或者 Symbol 类型,但 Map 的键可以是任意值,包括函数、对象、基本数据类型。
  • Map 中的键值是有序的,而添加到对象中的键不是,因此,当对他们进行遍历时,Map 对象是按插入的顺序返回键值

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值