JavaScript 字面值对象的一些基本方法

展开运算符的使用

//构造字面量对象时使用展开语法
let person = {name:'tom',age:18}
let person2 = {...person}  //展开运算符展开对象属性时，只能在对象中进行展开
//console.log(...person); //报错，展开运算符不能直接展开对象
console.log('我是person2',person2)
person2.name = "Som"
console.log('person2',person2);

person.name = 'jerry'
console.log('person>>',person);

//合并（新增原来对象中不存在的属性，修改原有属性，后者覆盖前者，这里的属性单指key值，不是键）
let person3 = {...person,name:'jack',address:"Chinese"}
console.log(person3);

使用变量作为字面值对象的key

let a = 'name'
let obj = {} 
// obj.a = "tom"  //输出{ a: 'tom' },直接使用对象键 . 的方法不能读取变量，而是把a作为字符串变成key
obj[a] = 'tom'//使用一个方括号可以将键变成变量，从而把变量的值变成键
console.log(obj)

连续性解构赋值

let obj = {a:{b:{c:10}}} //取出数字10
var {a:{b:{c}}} = obj //取出c对应的value值
console.log(c) // 10

var {a:{b:{c:data}}} = obj //对key进行重命名
console.log(data) // 10