在 ES8 中，JavaScript 新增了两个非常实用的方法，分别是 Object.values 和 Object.entries。这两个方法可以帮助我们更方便地处理对象的属性和值，同时也能提高我们的开发效率。本文将详细讲解这两个方法的用法和指导意义，并提供相关的示例代码。
Object.values 方法
Object.values 方法可以将一个对象的所有属性值提取出来，然后返回一个数组。这个数组的元素顺序和对象属性的顺序一致。
下面是 Object.values 方法的语法：
Object.values(obj)
其中，obj 表示要提取属性值的对象。
下面是一个示例代码：
const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
console.log(values); // [1, 2, 3]在上面的代码中，我们首先定义了一个对象 obj，然后使用 Object.values 方法将其属性值提取出来，赋值给变量 values。最后，我们使用 console.log 方法输出了 values 的值。可以看到，values 的值是一个数组，包含了 obj 对象的所有属性值。
Object.values 方法非常方便，可以帮助我们快速地获取对象的属性值，并进行相应的处理。
Object.entries 方法
Object.entries 方法可以将一个对象的所有属性和属性值提取出来，然后返回一个二维数组。这个二维数组的第一维元素表示对象的属性，第二维元素表示对象的属性值。
下面是 Object.entries 方法的语法：
Object.entries(obj)
其中，obj 表示要提取属性和属性值的对象。
下面是一个示例代码：
const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
console.log(entries); // [['a', 1], ['b', 2], ['c', 3]]在上面的代码中，我们首先定义了一个对象 obj，然后使用 Object.entries 方法将其属性和属性值提取出来，赋值给变量 entries。最后，我们使用 console.log 方法输出了 entries 的值。可以看到，entries 的值是一个二维数组，包含了 obj 对象的所有属性和属性值。
Object.entries 方法同样非常方便，可以帮助我们快速地获取对象的属性和属性值，并进行相应的处理。
指导意义
Object.values 和 Object.entries 方法的出现，极大地简化了我们对对象属性和属性值的处理。我们可以使用这两个方法更加方便地处理对象，提高开发效率。在实际开发中，我们可以结合其他 JavaScript 方法和技巧，更加灵活地使用这两个方法，以实现更加高效的编程。
下面是一个示例代码，演示了如何使用 Object.values 和 Object.entries 方法结合其他 JavaScript 方法和技巧，实现更加高效的编程：
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- -- -- ------------- --------- ----- --- - ------------------------------- ---- -- --- - ---- --- ----------------- -- - -- -- -------------- --------- - --- ----- ----------- - ------------------- --------------------------------- ------- -- ----- - -- -- ------------------------- -- - -- -- -- - -
在上面的代码中，我们首先定义了一个对象 obj，然后使用 Object.values 方法计算了其属性值的总和，并使用 Object.entries 方法过滤了属性值大于 1 的属性。最后，我们使用 console.log 方法输出了相应的结果。可以看到，我们使用 Object.values 和 Object.entries 方法结合其他 JavaScript 方法和技巧，实现了更加高效的编程。
总结
本文详细讲解了 ES8 中的 Object.values 和 Object.entries 方法的用法和指导意义，并提供了相关的示例代码。Object.values 和 Object.entries 方法可以帮助我们更加方便地处理对象的属性和属性值，提高开发效率。在实际开发中，我们可以结合其他 JavaScript 方法和技巧，更加灵活地使用这两个方法，以实现更加高效的编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f1788a2b3ccec22fa2967f