JS Object方法详解|极客笔记

JS Object方法详解

在JavaScript中，Object是一个全局对象，它是所有对象实例的基础。通过Object对象提供的方法，我们可以对对象进行创建、修改、检索等操作。本文将深入探讨Object对象的各种方法，帮助读者更好地理解和运用Object对象。

1. Object.defineProperty()

Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个已经存在的属性，并返回这个对象。该方法的语法如下：

Object.defineProperty(obj, prop, descriptor)

obj: 要在其上定义属性的对象；
prop: 要定义或修改的属性的名称；
descriptor: 将被定义或修改的属性的描述符。

示例

const obj = {};

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

console.log(obj.name); // Alice
obj.name = 'Bob'; // 由于writable为false，所以这里不会生效

for(let key in obj){
  console.log(key); // name
}

2. Object.keys()

Object.keys()方法会返回一个由给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和手动遍历该对象时的属性名一致。该方法的语法如下：

Object.keys(obj)

obj: 要返回其枚举自身属性的对象。

示例

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

const keys = Object.keys(obj);

console.log(keys); // ['name', 'age', 'gender']

3. Object.values()

Object.values()方法会返回一个给定对象自身的所有可枚举属性值的数组。该方法的语法如下：

Object.values(obj)

obj: 要返回其枚举自身属性值的对象。

示例

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

const values = Object.values(obj);

console.log(values); // ['Alice', 25, 'female']

4. Object.entries()

Object.entries()方法会返回一个给定对象自身可枚举属性的键值对数组。数组中的每个元素都是一个长度为2的数组，第一个元素是属性名，第二个元素是属性值。该方法的语法如下：

Object.entries(obj)

obj: 要返回其枚举自身属性键值对的对象。

示例

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

const entries = Object.entries(obj);

console.log(entries); // [['name', 'Alice'], ['age', 25], ['gender', 'female']]

5. Object.assign()

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

Object.assign(target, ...sources)

target: 目标对象；
sources: 源对象。

示例

const target = {
  name: 'Alice'
};

const source = {
  age: 25,
  gender: 'female'
};

const newObj = Object.assign(target, source);

console.log(newObj); // {name: 'Alice', age: 25, gender: 'female'}