JavaScript 对象

x33g5p2x  于2022-04-17 转载在 Java  
字(1.8k)|赞(0)|评价(0)|浏览(228)

在本教程中,您将借助示例了解 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 是属性。

JavaScript 对象属性

访问对象属性

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

  1. 使用点符号

这是点符号的语法

objectName.key

例如,

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

// accessing property
console.log(person.name); // John
  1. 使用括号表示法

这是括号符号的语法。

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

相关文章

微信公众号

最新文章

更多