我们在实际开发中常常会遇到使用字面量方式定义对象时,它的‘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存储方式(但内部存储原理可不相同)。