由 ES7 引入的方法：Object.entries 和 Object.values-JavaScript中文网-JavaScript教程资源分享门户

在 ES7 中，JavaScript 引入了两个新的方法：Object.entries 和 Object.values。这两个方法可以帮助开发人员更方便地处理对象，特别是在前端开发中，这些方法非常有用。

Object.entries 方法

Object.entries 可以将一个对象转换为一个键值对数组。数组的每个元素都是一个数组，其中第一个元素是对象的属性名称，第二个元素是属性的值。以下是 Object.entries 方法的语法：

Object.entries(obj)

其中 obj 是要转换为数组的对象。

以下是一个例子：

const obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj)); // [ [ 'foo', 'bar' ], [ 'baz', 42 ] ]

在这个例子中，我们将一个对象转换为一个数组，并将结果打印到控制台上。可以看到，数组的每个元素都是一个数组，其中第一个元素是对象的属性名称，第二个元素是属性的值。

Object.entries 方法可以使我们更方便地遍历对象的属性。例如，以下是一个使用 Object.entries 方法来遍历对象属性的例子：

const obj = { foo: 'bar', baz: 42 };

for (const [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}

在这个例子中，我们使用 for...of 循环遍历对象的属性。在每次迭代中，我们将属性名称和属性值分别赋值给 key 和 value 变量，并将它们打印到控制台上。

Object.values 方法可以将一个对象的值转换为一个数组。数组的每个元素都是对象的属性的值。以下是 Object.values 方法的语法：

Object.values(obj)

其中 obj 是要转换为数组的对象。

以下是一个例子：

const obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // [ 'bar', 42 ]

在这个例子中，我们将一个对象的值转换为一个数组，并将结果打印到控制台上。可以看到，数组的每个元素都是对象的属性的值。

Object.values 方法可以使我们更方便地遍历对象的值。例如，以下是一个使用 Object.values 方法来遍历对象值的例子：

const obj = { foo: 'bar', baz: 42 };

for (const value of Object.values(obj)) {
  console.log(value);
}

在这个例子中，我们使用 for...of 循环遍历对象的值，并将它们打印到控制台上。

Object.entries 和 Object.values 是两个非常有用的方法，它们可以使我们更方便地处理对象。在前端开发中，我们经常需要处理对象，因此掌握这两个方法非常重要。

如果你想深入学习 JavaScript，建议你学习 ES7 中的新特性，如 Object.entries 和 Object.values。这些新特性可以让你更快地编写更好的代码。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/65fbd174d10417a222761b03