Objdect对象常用方法总结，学习前端开发路上助你一臂之力！

2024-01-18 12:07:58

Object.keys方法

Object.keys方法是JavaScript中用于遍历对象属性的一个方法。它传入的参数是一个对象，返回一个数组，其中包含该对象的所有属性名称。该方法的语法如下：

Object.keys(obj)

例如，以下代码将返回一个数组，其中包含对象person的所有属性名称：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

const keys = Object.keys(person);

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

2. Object.values方法

Object.values方法是JavaScript中用于遍历对象值的另一个方法。它传入的参数是一个对象，返回一个数组，其中包含该对象的所有值。该方法的语法如下：

Object.values(obj)

例如，以下代码将返回一个数组，其中包含对象person的所有值：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

const values = Object.values(person);

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

3. Object.entries方法

Object.entries方法是JavaScript中用于遍历对象属性和值的一个方法。它传入的参数是一个对象，返回一个数组，其中包含该对象的所有属性名称和值。该方法的语法如下：

Object.entries(obj)

例如，以下代码将返回一个数组，其中包含对象person的所有属性名称和值：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

const entries = Object.entries(person);

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

4. Object.assign方法

Object.assign方法是JavaScript中用于将一个或多个对象的属性复制到另一个对象的方法。它传入的参数是两个或多个对象，返回一个新对象，其中包含了所有参数对象中的属性。该方法的语法如下：

Object.assign(target, ...sources)

例如，以下代码将创建一个新对象person2，其中包含了对象person1和person2的所有属性：

const person1 = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

const person2 = {
  job: "Software Engineer",
  company: "Google"
};

const person3 = Object.assign(person1, person2);

console.log(person3); // {name: "John Doe", age: 30, city: "New York", job: "Software Engineer", company: "Google"}

5. Object.freeze方法

Object.freeze方法是JavaScript中用于冻结一个对象的方法。冻结的对象无法被修改，这意味着该对象的属性值不能被改变，也不能向该对象添加或删除属性。该方法的语法如下：

Object.freeze(obj)

例如，以下代码将冻结对象person：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

Object.freeze(person);

person.name = "Jane Doe"; // TypeError: Cannot assign to read only property 'name' of object '#<Object>'

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