87 - 内置对象 - Object 对象 - 对象的常用方法

前端 - JavaScript 《内置对象 - Object 对象 - 对象的常用方法》

在 JavaScript 中，Object 对象是所有对象的基类，它提供了许多实用的方法来操作和处理对象。掌握这些方法可以让我们在开发过程中更加高效地操作对象。下面我们将详细介绍一些常用的 Object 对象方法。

1. Object.assign()

功能

Object.assign() 方法用于将一个或多个源对象的所有可枚举属性复制到目标对象。它会返回目标对象。

语法

Object.assign(target,...sources);

示例

const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
const result = Object.assign(target, source1, source2);
console.log(target); // { a: 1, b: 2, c: 3 }
console.log(result); // { a: 1, b: 2, c: 3 }

注意事项

• 如果目标对象和源对象有相同的属性名，后面的源对象的属性会覆盖前面的。
• 该方法是浅拷贝，如果源对象的属性值是引用类型，只会复制引用，而不会复制对象本身。

2. Object.keys()

功能

Object.keys() 方法会返回一个由给定对象的所有可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。

语法

Object.keys(obj);

示例

const person = {
    name: 'John',
    age: 30,
    city: 'New York'
};
const keys = Object.keys(person);
console.log(keys); // ['name', 'age', 'city']

3. Object.values()

功能

Object.values() 方法返回一个给定对象所有可枚举属性值的数组，值的顺序与使用 for...in 循环遍历该对象时返回的顺序一致。

语法

Object.values(obj);

示例

const person = {
    name: 'John',
    age: 30,
    city: 'New York'
};
const values = Object.values(person);
console.log(values); // ['John', 30, 'New York']

4. Object.entries()

功能

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致。

语法

Object.entries(obj);

示例

const person = {
    name: 'John',
    age: 30,
    city: 'New York'
};
const entries = Object.entries(person);
console.log(entries); 
// [['name', 'John'], ['age', 30], ['city', 'New York']]

5. Object.freeze()

功能

Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。

语法

Object.freeze(obj);

示例

const person = {
    name: 'John'
};
Object.freeze(person);
person.name = 'Jane'; // 不会生效
person.newProp = 'test'; // 不会生效
console.log(person); // { name: 'John' }

6. Object.seal()

功能

Object.seal() 方法封闭一个对象，阻止添加新属性并将所有现有属性标记为不可配置。当前属性的值只要原来是可写的就可以改变。

语法

Object.seal(obj);

示例

const person = {
    name: 'John'
};
Object.seal(person);
person.name = 'Jane'; // 可以修改
person.newProp = 'test'; // 不会生效
console.log(person); // { name: 'Jane' }

总结表格

通过熟练掌握这些 Object 对象的常用方法，我们可以更加灵活地操作 JavaScript 中的对象，提高开发效率和代码质量。希望本文能帮助你更好地理解和运用这些方法。