JavsScript 对象属性-FunTeaLearn Online Web Tutorials

JavsScript 对象属性

JavaScript 中的对象是键值对的集合，类似于其他编程语言中的关联数组或哈希表。对象属性可以存储各种类型的值，包括基本类型和引用类型。

属性的访问

可以通过点符号 . 或方括号 [] 来访问对象的属性。

let person = {
    name: "张三",
    age: 30,
    job: "工程师"
};

console.log(person.name); // 输出 "张三"
console.log(person['age']); // 输出 30

添加属性

可以通过赋值的方式向对象添加新的属性。

person.address = "北京市";
person['email'] = "zhangsan@example.com";

console.log(person);
// 输出 {name: "张三", age: 30, job: "工程师", address: "北京市", email: "zhangsan@example.com"}

删除属性

可以使用 delete 关键字来删除对象的属性。

delete person.age;
console.log(person.age); // 输出 undefined

检查属性是否存在

可以使用 in 操作符来检查一个属性是否存在于对象中。

if ('address' in person) {
    console.log("地址存在");
} else {
    console.log("地址不存在");
}

属性的枚举

可以使用 for...in 循环来遍历对象的所有可枚举属性。

for (let key in person) {
    console.log(key + ": " + person[key]);
}

属性的可枚举性

每个属性都有一个描述器对象，它描述了该属性的特性，如是否可枚举。

let descriptor = Object.getOwnPropertyDescriptor(person, 'name');
console.log(descriptor.enumerable); // 输出 true

修改属性的可枚举性

可以使用 Object.defineProperty() 方法修改属性的特性。

Object.defineProperty(person, 'name', {
    enumerable: false
});

descriptor = Object.getOwnPropertyDescriptor(person, 'name');
console.log(descriptor.enumerable); // 输出 false

遍历所有属性（包括不可枚举）

可以使用 Object.keys(), Object.values(), 和 Object.entries() 方法来获取对象的所有可枚举属性。

let keys = Object.keys(person);
console.log(keys); // 输出 ["name", "job", "address", "email"]

let values = Object.values(person);
console.log(values); // 输出 ["张三", "工程师", "北京市", "zhangsan@example.com"]

let entries = Object.entries(person);
console.log(entries); // 输出 [["name", "张三"], ["job", "工程师"], ["address", "北京市"], ["email", "zhangsan@example.com"]]

属性的配置性

属性的配置性决定了是否可以修改或删除属性。

Object.defineProperty(person, 'name', {
    configurable: false
});

delete person.name;
console.log(person.name); // 输出 "张三"

修改属性的配置性

如果属性的配置性为 false，则不能修改或删除该属性，除非使用 configurable: true 来重新定义。

Object.defineProperty(person, 'name', {
    configurable: true
});

delete person.name;
console.log(person.name); // 输出 undefined

属性的写入性

属性的写入性决定了是否可以修改属性的值。

Object.defineProperty(person, 'age', {
    writable: false
});

person.age = 40;
console.log(person.age); // 输出 30

修改属性的写入性

可以使用 writable: true 来允许修改属性的值。

Object.defineProperty(person, 'age', {
    writable: true
});

person.age = 40;
console.log(person.age); // 输出 40

属性的遍历顺序

for...in 循环会按照任意顺序遍历对象的可枚举属性。为了确保顺序，可以手动排序。

let sortedKeys = Object.keys(person).sort();
sortedKeys.forEach(function(key) {
    console.log(key + ": " + person[key]);
});

属性的原型链

JavaScript 对象通过原型链继承属性。

-- -------------------- ---- -------
--- ------ - -
    ----- ----
--

--- ------ - -
    ------ ----
--

---------------- - -------

------------------------- -- -- ----
-------------------------- -- -- ---------

属性的删除与原型链

删除对象属性不会影响其原型链上的同名属性。

delete rabbit.eats;

console.log(rabbit.eats); // 输出 true

总结

通过上述内容的学习，您应该对如何操作 JavaScript 对象的属性有了全面的理解。理解这些概念将帮助您更有效地使用 JavaScript 的面向对象特性。

Feed
back