在 ES7 中，JavaScript 引入了两个新的方法：Object.entries 和 Object.values。这两个方法可以帮助开发人员更方便地处理对象，特别是在前端开发中，这些方法非常有用。
Object.entries 方法
Object.entries 可以将一个对象转换为一个键值对数组。数组的每个元素都是一个数组，其中第一个元素是对象的属性名称，第二个元素是属性的值。以下是 Object.entries 方法的语法：
-------------------
其中 obj 是要转换为数组的对象。
以下是一个例子：
----- --- - - ---- ------ ---- -- -- --------------------------------- -- - - ------ ----- -- - ------ -- - -
在这个例子中，我们将一个对象转换为一个数组，并将结果打印到控制台上。可以看到，数组的每个元素都是一个数组，其中第一个元素是对象的属性名称，第二个元素是属性的值。
Object.entries 方法可以使我们更方便地遍历对象的属性。例如，以下是一个使用 Object.entries 方法来遍历对象属性的例子：
----- --- - - ---- ------ ---- -- -- --- ------ ----- ------ -- -------------------- - -------------------- ----------- -
在这个例子中，我们使用 for...of 循环遍历对象的属性。在每次迭代中，我们将属性名称和属性值分别赋值给 key 和 value 变量，并将它们打印到控制台上。
Object.values 方法
Object.values 方法可以将一个对象的值转换为一个数组。数组的每个元素都是对象的属性的值。以下是 Object.values 方法的语法：
------------------
其中 obj 是要转换为数组的对象。
以下是一个例子：
----- --- - - ---- ------ ---- -- -- -------------------------------- -- - ------ -- -
在这个例子中，我们将一个对象的值转换为一个数组，并将结果打印到控制台上。可以看到，数组的每个元素都是对象的属性的值。
Object.values 方法可以使我们更方便地遍历对象的值。例如，以下是一个使用 Object.values 方法来遍历对象值的例子：
----- --- - - ---- ------ ---- -- -- --- ------ ----- -- ------------------- - ------------------- -
在这个例子中，我们使用 for...of 循环遍历对象的值，并将它们打印到控制台上。
总结
Object.entries 和 Object.values 是两个非常有用的方法，它们可以使我们更方便地处理对象。在前端开发中，我们经常需要处理对象，因此掌握这两个方法非常重要。
如果你想深入学习 JavaScript，建议你学习 ES7 中的新特性，如 Object.entries 和 Object.values。这些新特性可以让你更快地编写更好的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65fbd174d10417a222761b03