当我们要处理数据的时候,常常需要使用对象。JavaScript 的对象非常灵活,并且支持动态增加属性、修改属性和删除属性。
JavaScript 对象的创建
JavaScript 对象可以通过以下几种方式进行创建:
直接量法
这是一种创建对象的常用方式,直接将属性和属性值以键值对的形式包含在花括号 { }
中:
let person = {
name: 'Bob',
age: 20,
gender: 'male'
};
new 操作符
使用 new
关键字创建对象。例如:
let person = new Object({
name: 'Bob',
age: 20,
gender: 'male'
});
构造函数法
可以先定义一个构造函数,然后使用 new
操作符创建对象。例如:
function Person(name, age, gender){
this.name = name;
this.age = age;
this.gender = gender;
}
let person = new Person('Bob', 20, 'male');
JavaScript 对象的访问
我们可以使用以下两种方式访问 JavaScript 对象的属性:
点语法
这是一种通过对象的属性名来访问属性值的方式。例如:
let person = {
name: 'Bob',
age: 20,
gender: 'male'
};
console.log(person.name); // 输出 'Bob'
方括号语法
这种方式以对象的属性名作为索引,使用方括号 [ ]
包含属性名表示访问对象的属性。例如:
let person = {
name: 'Bob',
age: 20,
gender: 'male'
};
console.log(person['name']); // 输出 'Bob'
示例说明
以下是两个使用 new
操作符创建对象的示例:
示例一
function Car(brand, model, year){
this.brand = brand;
this.model = model;
this.year = year;
}
let myCar = new Car('Toyota', 'Camry', 2022);
console.log(myCar.brand); // 输出 'Toyota'
console.log(myCar.model); // 输出 'Camry'
console.log(myCar.year); // 输出 2022
示例二
function Book(title, author, price){
this.title = title;
this.author = author;
this.price = price;
}
let myBook = new Book('JavaScript权威指南', 'David Flanagan', 99);
console.log(myBook.title); // 输出 'JavaScript权威指南'
console.log(myBook.author); // 输出 'David Flanagan'
console.log(myBook.price); // 输出 99
以上就是 JavaScript 对象的创建和访问的详细说明。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript对象的创建和访问 - Python技术站