绑定完请刷新页面
取消
刷新

分享好友

×
取消 复制
javascript:如何将一个变量作为对象的key值?
2019-12-13 11:07:25

我们在实际开发中常常会遇到使用字面量方式定义对象时,它的‘key’不是一个字符串,那么这样的情况如何处理呢?

1,如果变量是字符串或者数字:

//可以使用‘方括号语法’

let obj = {};

let key = 'key';

obj[key] = 'value';

//打印出value

console.log(obj);

2,如果变量是一个对象(数组也可以看做是特殊的对象)

//可以使用ES6提供的Map数据结构

var key = { val: '我是对象 作为key' };

// 初始化一个 m 类(Map类)

var m = new Map();

m.set(key, '被keyy映射的(作为值'));

//打印 '被keyy映射的(作为值'

console.log(m.get(key));

ES6 提供的 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

区别在于:Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,如果你需要“键值对”的数据结构,Map 比 Object 更合适。兼容性也够好,毕竟在实际开发中新定义‘键值对’的中的‘键’的类型是较为不可控的。

浏览器不支持ES6中的Map结构?

您也可以使用‘变种’写法:如果是对象或者数组作为‘键’,您可以先使用JSON.stringify()方法将其序列化一个JSON字符串,也可以使用toString()方法转化为字符串类型。

let obj = {

test: 'test'

}

//或者let objToArr = obj.toString;或let objToArr = obj.toString();

let objToArr = JSON.stringify(obj);

let testObj = {

objToArr: '使用stringifg转换'

}

//均会正常打印出:使用stringifg转换

console.log(testObj.objToArr);

//数组转换类似。

这样就可以近似模拟Map存储方式(但内部存储原理可不相同)。

分享好友

分享这个小栈给你的朋友们,一起进步吧。

星说
创建时间:2019-11-28 12:45:43
作为炎黄子孙,我们有很多知识渊博的祖人,这个祖人指的是在各领域登峰造极的学者论说,我们跟随强大基因的路线,学习,深化自己的知识体系,优化环境。
展开
订阅须知

• 所有用户可根据关注领域订阅专区或所有专区

• 付费订阅:虚拟交易,一经交易不退款;若特殊情况,可3日内客服咨询

• 专区发布评论属默认订阅所评论专区(除付费小栈外)

栈主、嘉宾

查看更多
  • unnamed persona
    栈主

小栈成员

查看更多
  • 外星人6
  • supergirlxu
  • unnamed person1
  • daxuesheng
戳我,来吐槽~