JavaScript 以不同方式创建对象的程序-立地货

以不同方式创建对象的 JavaScript 程序

在本示例中，您将学习以不同方式创建 JavaScript 对象。

要理解此示例，您应该了解以下JavaScript 编程主题:

JavaScript 对象

JavaScript 构造函数

您可以通过三种不同的方式创建对象:

使用对象字面量通过直接创建 Object 的实例使用构造函数

示例 1: 使用对象字面量

// program to create JavaScript object using object literal
const person = { 
    name: 'John',
    age: 20,
    hobbies: ['reading', 'games', 'coding'],
    greet: function() {
        console.log('Hello everyone.');
    },
    score: {
        maths: 90,
        science: 80
    }
};
console.log(typeof person); // object
// accessing the object value
console.log(person.name);
console.log(person.hobbies[0]);
person.greet();
console.log(person.score.maths);

输出

object
John
reading
Hello everyone.
90

在这个程序中，我们创建了一个名为 person 的对象。

您可以使用对象字面量创建对象。对象字面量使用 { } 直接创建对象。

使用 key:value 对创建对象。

您还可以在对象内部定义函数、数组甚至对象。您可以使用点 . 表示法访问对象的值。

使用对象的实例创建对象的语法是:

const objectName = new Object();

示例 2: 直接使用对象的实例创建对象

// program to create JavaScript object using instance of an object
const person = new Object ( { 
    name: 'John',
    age: 20,
    hobbies: ['reading', 'games', 'coding'],
    greet: function() {
        console.log('Hello everyone.');
    },
    score: {
        maths: 90,
        science: 80
    }
});
console.log(typeof person); // object
// accessing the object value
console.log(person.name);
console.log(person.hobbies[0]);
person.greet();
console.log(person.score.maths);

输出

object
John
reading
Hello everyone.
90

此处， new 关键字与 Object() 实例一起使用以创建对象。

示例 3: 使用构造函数创建对象

// program to create JavaScript object using instance of an object
function Person() {
    this.name = 'John',
    this.age = 20,
    this.hobbies = ['reading', 'games', 'coding'],
    this.greet = function() {
        console.log('Hello everyone.');
    },
    this.score = {
        maths: 90,
        science: 80
    }
}
const person = new Person();
console.log(typeof person); // object
// accessing the object value
console.log(person.name);
console.log(person.hobbies[0]);
person.greet();
console.log(person.score.maths);

输出

object
John
reading
Hello everyone.
90

在上面的示例中， Person() 构造函数用于使用 new 关键字创建对象。

new Person() 创建一个新对象。