JAVASCRIPT对象及属性

JAVASCRIPT 对象及属性攻略

什么是JAVASCRIPT对象？

JavaScript 对象 通常是指“拥有属性和方法的数据”。一个 JavaScript 对象可以被创建为一个单独的对象，但也可以通过构造函数来创建多个对象。每一个 JavaScript 对象都包含了键值对。

对象属性通常是一些字符串，也被称为对象的键。它们与键相关联的值可以是任何数据类型：数字、字符串、函数、数组，甚至是其他对象。如果值是函数，则该属性通常被称为对象方法。

创建JavaScript对象

JavaScript 对象既可以通过使用对象文字（object literals）创建，也可以通过使用构造函数创建。

使用对象文字来创建对象

const person = { name: 'Alice', age: 25, isMarried: false };
console.log(person.name); // "Alice"
console.log(person.age); // 25
console.log(person.isMarried); // false

使用构造函数来创建对象

function Person(name, age, isMarried) {
  this.name = name;
  this.age = age;
  this.isMarried = isMarried;
}

const person1 = new Person('Alice', 25, false);
const person2 = new Person('Bob', 30, true);

console.log(person1.name); // "Alice"
console.log(person2.age); // 30
console.log(person1.isMarried); // false

访问对象属性

对象属性可以通过以下两种方式访问：

使用点运算符

const person = { name: 'Alice', age: 25 };
console.log(person.name); // "Alice"
console.log(person.age); // 25

使用方括号

const person = { name: 'Alice', age: 25 };
console.log(person['name']); // "Alice"
console.log(person['age']); // 25

方括号语法比点运算符更加灵活，左侧的属性名可以是任何字符串，而不仅仅是一个标识符。这也意味着方括号法可以处理属性名中包含空格或其他特殊字符的情况。

修改对象属性

在 JavaScript 中，对象属性是可变的，这意味着您可以更改它们。

const person = { name: 'Alice', age: 25 };
person.name = 'Bob';
console.log(person.name); // "Bob"

person['age'] = 30;
console.log(person.age); // 30

删除对象属性

可以使用 delete 运算符从对象中删除属性。

const person = { name: 'Alice', age: 25 };
delete person.age;
console.log(person.age); // undefined

示例1：使用对象字面量创建和修改对象

const book = { title: 'JavaScript for Dummies', author: 'John Doe', year: 2020 };
console.log(book); // { title: 'JavaScript for Dummies', author: 'John Doe', year: 2020 }

book.title = 'JavaScript for Experts';
book.pages = 500;
console.log(book); // { title: 'JavaScript for Experts', author: 'John Doe', year: 2020, pages: 500 }

示例2：使用构造函数创建对象

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

const car1 = new Car('Toyota', 'Corolla', 2020);
console.log(car1); // Car { make: 'Toyota', model: 'Corolla', year: 2020 }

以上就是关于 JavaScript 对象及属性的攻略。希望对你有所帮助。