javascript对象如何创建_怎样访问和修改其属性呢?

JavaScript对象本质是键值对集合,最常用字面量创建(如let person = {name: "张三", age: 25});访问属性可用点语法(person.name)或方括号语法(person["city"]),后者支持动态键名;修改添加属性直接赋值,删除用delete操作符。

JavaScript 对象可以通过多种方式创建,访问和修改属性也很灵活,关键在于理解对象的本质——它是一组键值对的集合。

常见创建对象的方式

最常用的是对象字面量,简单直观:

let person = { name: "张三", age: 25, city: "北京" };

也可以用 new Object() 构造函数(较少用):

let person = new Object();
person.name = "张三";
person.age = 25;

还有工厂函数、构造函数、class 类(ES6+)等方式,日常开发中字面量和 class 最常用。

访问对象属性的两种写法

点语法适合属性名是合法标识符且已知的情况:

  • person.name → "张三"
  • person.age → 25

方括号语法更灵活,支持动态属性名、含特殊字符或变量作为键:

  • person["city"] → "北京"
  • let key = "age"; person[key] → 25
  • person["full-name"] → 需要用方括号(点语法不支持短横线)

修改和添加属性很简单

无论属性原来是否存在,赋值即更新或新增:

  • person.age = 26; // 修改已有属性
  • person.job = "前端工程师"; // 新增属性
  • person["isStudent"] = false; // 同样适用方括号

删除属性用 delete 操作符:

delete person.city; // 删除后 person.city 为 undefined

注意几个实用细节

  • 访问不存在的属性返回 undefined,不会报错
  • 点语法不能用变量,方括号可以;但方括号里如果是字符串字面量,效果和点语法一样
  • 属性名如果是数字,会被自动转成字符串(obj[123] 等价于 obj["123"]
  • 对象引用传递:多个变量指向同一对象时,修改任一变量的属性,其他变量可见变化

基本上就这些。掌握字面量创建、点和方括号访问、直接赋值修改,就能应付大多数场景了。