JavaScript 基础语法之对象
2024-01-19 16:05:16
在 JavaScript 中,对象是用来组织数据和功能的强大工具。它们可以用来表示现实世界中的实体,如用户、产品或订单,也可以用来存储数据结构,如数组或映射。
几乎所有的 JavaScript对象都是 Object 类型的实例,这意味着它们都从 Object.prototype 那里借用了属性和方法。Object.prototype 提供了所有对象都共有的基本功能,例如 toString()、valueOf() 和 hasOwnProperty() 方法。
创建对象有两种主要方法:构造函数和字面量。
使用构造函数创建对象
要使用构造函数创建对象,您需要执行以下步骤:
- 声明一个构造函数。
- 使用 new 运算符调用构造函数。
例如,以下代码使用构造函数创建了一个名为 person 的对象:
function Person(name, age) {
this.name = name;
this.age = age;
}
const person = new Person('John Doe', 30);
使用字面量创建对象
字面量是一种更简洁的方法来创建对象。它使用大括号 {} 来定义对象的属性和方法。
例如,以下代码使用字面量创建了一个名为 person 的对象:
const person = {
name: 'John Doe',
age: 30
};
访问对象属性
可以两种方式访问对象的属性:点表示法和方括号表示法。
点表示法使用一个点(.)来访问对象的属性。例如,以下代码访问 person对象的name属性:
console.log(person.name); // 输出: John Doe
方括号表示法使用一对方括号([])来访问对象的属性。方括号表示法允许您使用变量或字符串动态访问属性。例如,以下代码使用变量age来访问person对象的age属性:
const age = 'age';
console.log(person[age]); // 输出: 30
添加和修改对象属性
可以两种方式添加或修改对象的属性:点表示法和方括号表示法。
点表示法使用一个点(.)来添加或修改对象的属性。例如,以下代码向person对象添加一个新的属性名为job:
person.job = 'Software Engineer';
方括号表示法使用一对方括号([])来添加或修改对象的属性。方括号表示法允许您使用变量或字符串动态添加或修改属性。例如,以下代码使用变量job来向person对象添加一个新的属性:
const job = 'job';
person[job] = 'Software Engineer';
删除对象属性
可以使用 delete 运算符删除对象的属性。例如,以下代码删除person对象的age属性:
delete person.age;
总结
对象是 JavaScript 中用来组织数据和功能的强大工具。它们可以用来表示现实世界中的实体,也可以用来存储数据结构。通过构造函数和字面量可以创建对象,并且可以点表示法和方括号表示法访问、添加、修改和删除对象属性。