跳到主要内容

JavaScript 对象

提示
  1. JavaScript对象的定义：JavaScript对象是一种非原始数据类型，允许你存储多个数据集合，例如字符串和数字。
  2. 对象的声明和属性：JavaScript对象通过键值对声明，其中键是属性名，值可以是数据或函数。对象的属性可以通过点符号或方括号来访问。
  3. 嵌套对象和对象方法：JavaScript对象可以包含其他对象（嵌套对象），也可以包含作为属性值的函数（称为方法）。

在 JavaScript 数据类型 教程中，你学习了7种不同的原始数据类型。在这里，你将学习第八种数据类型——JavaScript对象。

JavaScript对象是一种非原始数据类型，它允许你存储多个数据集合。

注意：如果你熟悉其他编程语言，JavaScript对象有些不同。你不需要创建类就可以创建对象。

这是一个JavaScript对象的示例。

// 对象
const student = {
  firstName: "ram",
  class: 10,
};

这里，student是一个存储字符串和数字等值的对象。

JavaScript对象声明​

声明对象的语法是：

const object_name = {
  key1: value1,
  key2: value2,
};

这里，定义了一个对象object_name。对象的每个成员都是用逗号分隔的键: 值对，并用花括号{}括起来。

例如，

// 创建对象
const person = {
  name: "John",
  age: 20,
};
console.log(typeof person); // object

你也可以在单行中定义一个对象。

const person = { name: "John", age: 20 };

在上面的例子中，name和age是键，而John和20分别是它们的值。

还有其他方法可以在JavaScript中声明对象。要了解更多，请访问 JavaScript对象的不同声明方式。

JavaScript对象属性​

在JavaScript中，键: 值对被称为属性。例如，

let person = {
  name: "John",
  age: 20,
};

这里，name: 'John'和age: 20是属性。

JavaScript对象属性示例

访问对象属性​

你可以使用键来访问属性的值。

1. 使用点符号​

这是点符号的语法。

objectName.key;

例如，

const person = {
  name: "John",
  age: 20,
};

// 访问属性
console.log(person.name); // John

2. 使用方括号符号​

这是方括号符号的语法。

objectName["propertyName"];

例如，

const person = {
  name: "John",
  age: 20,
};

// 访问属性
console.log(person["name"]); // John

JavaScript嵌套对象​

一个对象也可以包含另一个对象。例如，

// 嵌套对象
const student = {
  name: "John",
  age: 20,
  marks: {
    science: 70,
    math: 75,
  },
};

// 访问student对象的属性
console.log(student.marks); // {science: 70, math: 75}

// 访问marks对象的属性
console.log(student.marks.science); // 70

在上面的例子中，一个对象student在marks属性中包含了一个对象值。

JavaScript对象方法​

在JavaScript中，一个对象也可以包含一个函数。例如，

const person = {
  name: "Sam",
  age: 30,
  // 使用函数作为值
  greet: function () {
    console.log("hello");
  },
};

person.greet(); // hello

这里，一个函数被用作greet键的值。这就是为什么我们需要使用person.greet()而不是person.greet来调用对象内部的函数。

JavaScript中的方法是包含函数声明的属性。在下一个教程中，你将详细了解 JavaScript方法。

最后于 更新