Appearance
对象
对象字面量
javascript
const person = {
name: "ty",
age: 21,
gender: "male",
fruits: ["apple", "banana", "orange"],
address: {
city: "beijing",
street: "chaoyang"
}
};
访问属性
javascript
console.log(person.name); // 点号访问
console.log(person["age"]); // 方括号访问
console.log(person.address.city); // 链式访问
console.log(person.fruits[0]); // 数组元素
添加 / 删除属性
javascript
person.email = "ty@example.com"; // 添加属性
delete person.gender; // 删除属性
对象解构
javascript
const { gender, address: { city }, fruits: [fruit1, fruit2] } = person;
console.log(gender, city, fruit1, fruit2);
常用方法
javascript
console.log(Object.keys(person)); // ["name", "age", ...]
console.log(Object.values(person)); // ["ty", 21, ...]
console.log(Object.entries(person)); // [["name","ty"], ["age",21], ...]
扩展运算符
javascript
const copy = { ...person }; // 浅拷贝
const merged = { ...person, hobby: "code" }; // 合并属性