JavaScript 中的对象语法和操作74

简介

在 JavaScript 中，对象是一种非原始数据类型，它由键值对组成。键可以是字符串或符号，而值可以是任何 JavaScript 值，包括其他对象、数组或函数。

对象创建

有几种方法可以创建 JavaScript 对象：
对象字面量：这是创建对象的推荐方法。它使用大括号 ({}) 括起键值对。
new Object() 构造函数：这个构造函数返回一个新的空对象。


// 对象字面量
const obj = {
name: "John Doe",
age: 30
};
// new Object() 构造函数
const obj2 = new Object();
= "Jane Doe";
= 25;

访问对象属性

可以使用点号 (.) 或方括号 ([]) 访问对象属性：
点号表示法：适用于属性名称为有效 JavaScript 标识符的情况。
方括号表示法：允许使用任意字符串或表达式作为属性名称，其中字符串必须用引号括起来。


// 点号表示法
(); // John Doe
// 方括号表示法
(obj["age"]); // 30

添加和删除属性

可以使用赋值运算符 (=) 添加或更改对象属性：
= "@";

要删除属性，请使用 delete 运算符：
delete ;

遍历对象

可以使用以下方法遍历对象：
for...in 循环：遍历对象的可枚举属性。
()：返回一个包含对象所有可枚举属性名称的数组。
()：返回一个包含对象所有可枚举属性值的数组。
()：返回一个包含数组形式的键值对的数组。


// for...in 循环
for (const key in obj) {
(`${key}: ${obj[key]}`);
}
// ()
const keys = (obj);
((key) => {
(key);
});
// ()
const values = (obj);
((value) => {
(value);
});
// ()
const entries = (obj);
((entry) => {
(`${entry[0]}: ${entry[1]}`);
});

对象方法

可以在对象上定义方法，就像在函数上一样：
const obj = {
name: "John Doe",
age: 30,
greet() {
(`Hello, my name is ${} and I am ${} years old.`);
}
};
(); // 输出：Hello, my name is John Doe and I am 30 years old.

请注意，对象方法内部的 this 关键字指向调用该方法的对象。

内置对象

JavaScript 提供了几个内置对象，包括：
Object：对象构造函数。
Array：数组对象构造函数。
Function：函数对象构造函数。
String：字符串对象构造函数。
Number：数字对象构造函数。

对象是 JavaScript 中强大的数据结构，允许存储和组织数据。了解对象语法和操作对于有效地使用它们至关重要。本指南涵盖了创建、访问、添加、删除和遍历对象的各种方法。它还介绍了对象方法和内置对象。

2025-02-02

上一篇：JavaScript 数组中的键值对：深入理解

下一篇：JavaScript 对象变量：深入理解