在本教程中,您将借助示例了解 JavaScript 对象。
在JavaScript 数据类型教程中,您了解了 7 种不同的原始数据类型。在这里,您将了解第八种数据类型(JavaScript 对象)。
JavaScript 对象是一种非基本数据类型,允许您存储多个数据集合。
注意:如果您熟悉其他编程语言,JavaScript 对象会有些不同。您无需创建类即可创建对象。
这是一个 JavaScript 对象的示例。
// object
const student = {
firstName: 'ram',
class: 10
};
这里,student 是一个存储诸如字符串和数字之类的值的对象。
JavaScript 对象声明
声明对象的语法是:
const object_name = {
key1: value1,
key2: value2
}
这里定义了一个对象 object_name。对象的每个成员都是一个键:值对,用逗号分隔,并用大括号 { } 括起来。
例如,
// object creation
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 是属性。
访问对象属性
您可以使用属性的键访问属性的值。
- 使用点符号
这是点符号的语法
objectName.key
例如,
const person = {
name: 'John',
age: 20,
};
// accessing property
console.log(person.name); // John
- 使用括号表示法
这是括号符号的语法。
objectName["propertyName"]
例如,
const person = {
name: 'John',
age: 20,
};
// accessing property
console.log(person["name"]); // John
JavaScript 嵌套对象
一个对象也可以包含另一个对象。例如,
// nested object
const student = {
name: 'John',
age: 20,
marks: {
science: 70,
math: 75
}
}
// accessing property of student object
console.log(student.marks); // {science: 70, math: 75}
// accessing property of marks object
console.log(student.marks.science); // 70
在上面的示例中,对象 student 在 marks 属性中包含一个对象值。
JavaScript 对象方法
在 JavaScript 中,一个对象也可以包含一个函数。例如,
const person = {
name: 'Sam',
age: 30,
// using function as a value
greet: function() { console.log('hello') }
}
person.greet(); // hello
这里,一个函数被用作 greet 键的值。这就是为什么我们需要使用 person.greet() 而不是 person.greet 调用对象内部的函数。
JavaScript 方法是包含函数声明的属性。在下一个教程中,您将详细了解 JavaScript 方法。
上一教程 :JS Recursion 下一教程 :JS Methods
参考文档
[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/object