导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

JS 教程

JS 简介 JS 如何使用 JS 输出 JS 语法 JS 语句 JS 注释 JS 变量 JS 运算符 JS 条件语句 JS 循环 JS 字符串 JS 数字 JS 函数 JS 对象 JS 日期 JS 数组 JS 类型化数组 JS 集合 JS Map 映射 JS Math JS 正则表达式 JS 数据类型 JS 错误 JS 事件 JS 编程 JS 关键字参考 JS 保留关键字参考 JS 运算符参考 JS 运算符优先级 JS UTF-8 字符 JS UTF-8 符号 JS UTF-8 表情符号 JS 版本

JS 高级教程

JS 对象 JS 函数 JS 类 JS 迭代 JS Promises JS 模块

JavaScript 对象属性


对象是属性的无序集合

属性是 JavaScript 对象最重要的组成部分。

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


访问 JavaScript 属性

访问对象属性的语法如下:

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

or

//objectName["property"]
let age = person["age"];

or

//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";
亲自试一试 »

属性默认值

传递给属性的将成为构造函数创建的所有对象的默认值:

示例

function Person(first, last, age, eyecolor) {
   this.firstName = first;
   this.lastName = last;
   this.age = age;
  this.eyeColor = eyecolor;
  this.nationality = "English";
}
亲自试一试 »

删除属性

delete关键字用于从对象中删除属性:

示例

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

delete person.age;
亲自试一试 »

或删除 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];
亲自试一试 »


Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。