JavaScript对象是非原始数据类型,它允许您存储多个数据集合。
注意:如果您熟悉其他编程语言,则JavaScript对象会有所不同。您无需创建类即可创建对象。
这是一个JavaScript对象的示例。
// object
const student = {
firstName: 'ram',
class: 10
};
在这里, student
是一个对象,用于存储诸如字符串和数字之类的值。
声明对象的语法为:
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中,“key:value”对称为属性。 例如,
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
一个对象也可以包含另一个对象。例如,
// nested object
const student = {
name: 'John',
age: 20,
marks: {
science: 70,
math: 75
}
}
// 访问学生对象的属性
console.log(student.marks);//{science: 70, math: 75}
// 访问标记对象的属性
console.log(student.marks.science);//70
在上面的示例中,对象 student
在 marks
属性中包含一个对象值。
在JavaScript中,对象也可以包含函数。 例如,
const person = {
name: 'Sam',
age: 30,
//使用函数作为值
greet: function() { console.log('hello') }
}
person.greet();//hello
在此,将函数用作问候键的值。这就是为什么无涯教程需要使用 person.greet()
而不是 person.greet
来调用对象内部的函数的原因。
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)