返回

Object 常用方法及实例解析

前端

Object.keys()

Object.keys() 方法返回一个数组,其中包含一个给定对象的所有可枚举属性的名称。

const object = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

const keys = Object.keys(object);

console.log(keys); // ["name", "age", "city"]

Object.values()

Object.values() 方法返回一个数组,其中包含一个给定对象的所有可枚举属性的值。

const object = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

const values = Object.values(object);

console.log(values); // ["John Doe", 30, "New York"]

Object.entries()

Object.entries() 方法返回一个数组,其中包含一个给定对象的所有可枚举属性的键值对。

const object = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

const entries = Object.entries(object);

console.log(entries); // [["name", "John Doe"], ["age", 30], ["city", "New York"]]

Object.assign()

Object.assign() 方法将一个或多个源对象的属性复制到目标对象。如果目标对象中存在与源对象中相同的属性,则目标对象中的属性值将被源对象中的属性值覆盖。

const targetObject = {
  name: 'John Doe'
};

const sourceObject1 = {
  age: 30
};

const sourceObject2 = {
  city: 'New York'
};

Object.assign(targetObject, sourceObject1, sourceObject2);

console.log(targetObject); // { name: 'John Doe', age: 30, city: 'New York' }

Object.create()

Object.create() 方法创建一个新对象,该对象使用现有的对象作为原型。这意味着新对象将继承原型对象的所有属性和方法。

const person = {
  name: 'John Doe',
  age: 30
};

const employee = Object.create(person);
employee.job = 'Software Engineer';

console.log(employee); // { name: 'John Doe', age: 30, job: 'Software Engineer' }

总结

本文介绍了 JavaScript 中 Object 常用方法的用法和实例,希望对您更好地理解和使用 JavaScript 中的对象有所帮助。