当前位置：首页 > news >正文

JavaScript 对象属性

news 2025/11/24 7:48:54

属性是任何JavaScript对象最重要的部分

JavaScript 属性

属性指的是与 JavaScript 对象相关的值。JavaScript 对象是无序属性的集合。属性通常可以被修改、添加和删除，但是某些属性是只读的。

访问 JavaScript 属性

访问对象属性的语法是：

objectName.property           // person.age

或者：

objectName["property"]       // person["age"]

或者：

objectName[expression]       // x = "age"; person[x]

表达式必须计算为属性名。

例子 1

<!DOCTYPE html>
<html lang="en"><body><p id="demo"></p><script>var person = {firstname: "Rose",lastname: "li",age: 20,color: "pick"};document.getElementById("demo").innerHTML = person.firstname + " is " + person.age + " years old.";</script>
</body></html>
//Rose is 20 years old.

例子 2

<!DOCTYPE html>
<html><body><p id="demo"></p><script>var person = {firstname: "Rose",lastname: "li",age: 20,color: "pick"};document.getElementById("demo").innerHTML = person["firstname"] + " is " + person["age"] + " years old.";</script></body></html>
//Rose is 20 years old.

JavaScript for...in 循环

JavaScript for...in 语句遍历对象的属性

for (variable in object) {要执行的代码
}

for...in 循环中的代码块会为每个属性执行一次

<!DOCTYPE html>
<html><body><p id="demo"></p><script>var txt = "";var person = { fname: "Rose", lname: "Li", age: 20 };var x;for (x in person) {txt += person[x] + " ";}document.getElementById("demo").innerHTML = txt;</script></body></html>
//Rose Li 20

添加新属性

您可以通过简单的赋值，向已存在的对象添加新属性。

假设 person 对象已存在 - 那么您可以为其添加新属性：

实例

<!DOCTYPE html>
<html><body><p id="demo"></p><script>var person = {firstName: "Rose",lastName: "Li",age: 20,color: "blue"}person.nationality = "China";document.getElementById("demo").innerHTML = person.firstName + " is " + person.nationality + " .";</script></body></html>
//Rose is China .

删除属性

delete 关键词从对象中删除属性

<!DOCTYPE html>
<html lang="en">
<body><p id="demo"></p><script>var person={frirstname:"Rose",lastname:"Tina",age:20,color:"blue"}delete person.age;document.getElementById("demo").innerHTML=person.frirstname+" is "+person.age+" years old";</script></body>
</html>
//Rose is undefined years old

delete关键词会同时删除属性得值和属性本身

删除完成后，属性在呗添加回来之前是无法使用的

delete操作符被设计用于对象属性，它对变量或函数没有影响。

delete操作符不应被用于预定义的JavaScript对象属性。这样做会使应用程序崩溃