JavaScript Objects函数详解

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 是属性。

访问对象属性

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

1.使用点符号

这是点符号的语法。

objectName.key

例如，

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

// accessing property
console.log(person.name);//John

2.使用括号表示法

这是括号符号的语法。

objectName["propertyName"]

例如，

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

// accessing property
console.log(person["name"]);//John

嵌套对象

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

链接：https://www.learnfk.comhttps://www.learnfk.com/es6/object.html

来源：LearnFk无涯教程网

// 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 来调用对象内部的函数的原因。