正文

JavaScript中JS对象必备10大原生方法，轻松提升你的编程技巧

/0 浏览量
0509

在JavaScript编程中，对象是构建复杂应用程序的基础。掌握一些原生对象的方法，可以让你在编程的道路上更加得心应手。下面，我将为你介绍10个JavaScript中JS对象必备的原生方法，帮助你提升编程技巧。

1. Object.keys()

Object.keys() 方法可以获取一个对象的所有自身可枚举属性的键的数组。这对于遍历对象的属性非常有用。

const person = {
  name: 'Alice',
  age: 25,
  gender: 'female'
};

console.log(Object.keys(person)); // 输出: ['name', 'age', 'gender']

2. Object.values()

Object.values() 方法返回一个对象自身的所有可枚举属性值的数组。这个方法与 Object.keys() 类似，但返回的是值而不是键。

console.log(Object.values(person)); // 输出: ['Alice', 25, 'female']

3. Object.entries()

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组。这个方法结合 Object.keys() 和 Object.values() 可以用来遍历对象的键值对。

console.log(Object.entries(person)); // 输出: [['name', 'Alice'], ['age', 25], ['gender', 'female']]

4. Object.assign()

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

const source = { a: 1, b: 2 };
const target = { c: 3, d: 4 };

console.log(Object.assign(target, source)); // 输出: { c: 3, d: 4, a: 1, b: 2 }

5. Object.freeze()

Object.freeze() 方法可以阻止对象被修改。一旦对象被冻结，就不能添加新属性，也不能修改现有属性的值。

const obj = { a: 1 };
Object.freeze(obj);

obj.b = 2; // 抛出TypeError

6. Object.create()

Object.create() 方法创建一个新对象，使用现有的对象来提供新创建的对象的原型。

const prototype = {
  sayHello() {
    console.log('Hello!');
  }
};

const obj = Object.create(prototype);
obj.sayHello(); // 输出: Hello!

7. Object.defineProperty()

Object.defineProperty() 方法可以直接在一个对象上定义新的属性或修改现有属性，并返回这个对象。

const obj = {};

Object.defineProperty(obj, 'a', {
  value: 1,
  writable: false,
  configurable: false,
  enumerable: true
});

console.log(obj.a); // 输出: 1

8. Object.getOwnPropertyDescriptor()

Object.getOwnPropertyDescriptor() 方法可以获取一个对象上的属性描述符。

console.log(Object.getOwnPropertyDescriptor(obj, 'a')); // 输出: { value: 1, writable: false, configurable: false, enumerable: true }

9. Object.getPrototypeOf()

Object.getPrototypeOf() 方法返回一个对象的原型（即创建它的函数的 prototype 属性）。

console.log(Object.getPrototypeOf(obj) === prototype); // 输出: true

10. Object.setPrototypeOf()

Object.setPrototypeOf() 方法设置一个对象的原型（即 prototype 属性）。

console.log(Object.setPrototypeOf(obj, null) === null); // 输出: true

通过掌握这些原生方法，你可以在JavaScript编程中更加得心应手。希望这篇文章能帮助你提升编程技巧，祝你编程愉快！

-- 展开阅读全文 --