前端必知必会-JavaScript 对象属性

---

JavaScript 对象属性

对象是无序的属性集合
属性是 JavaScript 对象中最重要的部分。

属性可以更改、添加、删除，有些属性是只读的。

访问 JavaScript 属性

访问对象属性的语法是：

// objectName.property
let age = person.age;
或

//objectName[“property”]
let age = person[“age”];
或

//objectName[expression]
let age = person[x];
示例

person.firstname + " is " + person.age + " years old.";
person["firstname"] + " is " + person["age"] + " years old.";
let x = "firstname";
let y = "age";
person[x] + " is " + person[y] + " years old.";

添加新属性

只需为现有对象赋值，即可为其添加新属性：

示例

person.nationality = "English";

删除属性

delete 关键字可从对象中删除属性：

示例

const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};

delete person.age;
或 delete person[“age”];

示例

const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};delete person["age"];

注意：
delete 关键字可同时删除属性值和属性本身。

删除后，属性在重新添加之前无法使用。

嵌套对象

对象中的属性值可以是其他对象：

示例

myObj = {
name:"John",
age:30,
myCars: {
car1:"Ford",
car2:"BMW",
car3:"Fiat"
}
}

您可以使用点符号或括号符号访问嵌套对象：

示例

myObj.myCars.car2;
myObj.myCars["car2"];
myObj["myCars"]["car2"];
let p1 = "myCars";
let p2 = "car2";
myObj[p1][p2];

---

总结

本文介绍了JavaScript 对象属性的使用，如有问题欢迎私信和评论