JavaScript 对象赋值:全方位指南38


概述

在 JavaScript 中,对象是用于存储和组织数据的集合。对象可以包含键值对,其中键表示属性名称,而值表示属性值。在 JavaScript 中,有几种方式可以赋值给对象属性。

点运算符

点运算符 (.) 用于访问和赋值对象属性。要使用点运算符赋值,请使用以下语法:
= value;

例如:
const person = {
name: 'John',
age: 30
};
= 'Jane';

方括号表示法

方括号表示法可以用来访问和赋值对象属性。要使用方括号表示法赋值,请使用以下语法:
object['property'] = value;

方括号表示法通常用于访问或设置属性名称包含特殊字符或空格的动态属性。例如:
const person = {
'first name': 'John',
};
person['last name'] = 'Doe';

赋值运算符

赋值运算符 (=) 可以用来创建新属性或更改现有属性的值。要使用赋值运算符,请使用以下语法:
= value;

例如:
const person = {};
= 'John';

() 方法

() 方法用于将一个或多个源对象的属性复制到目标对象中。要使用 () 赋值,请使用以下语法:
(targetObject, sourceObject1, sourceObject2, ...);

() 方法返回修改后的目标对象。例如:
const person = {
name: 'John'
};
const address = {
city: 'New York'
};
(person, address);

ES6 展开运算符

ES6 展开运算符 (...) 可以用来将一个对象的属性复制到另一个对象中。要使用展开运算符,请使用以下语法:
const newObject = { ...object };

展开运算符返回一个包含源对象所有属性的新对象。例如:
const person = {
name: 'John'
};
const newPerson = { ...person };

注意

在给对象属性赋值时,需要注意以下几点:
对象属性是可变的,这意味着它们的值可以随时更改。
如果属性不存在,使用点运算符或方括号表示法赋值将创建新属性。
使用赋值运算符 (=) 将覆盖现有属性的值。
() 方法和展开运算符无法创建或更改不可枚举的属性。

2025-02-14


上一篇:浏览器中的 JavaScript 兄弟节点

下一篇:揭秘 JavaScript 在物联网中的强大作用