在前端开发中,经常需要将 Object 对象中的值或键值对提取出来进行操作。ES7 中的 Object.values() 和 Object.entries() 方法是解决这个问题的好方法。
Object.values()
Object.values() 方法返回对象所有可枚举的属性值,按照顺序为数组形式。这使得操作 Object 对象中的值变得非常容易。
用法:
Object.values(obj);
示例:
const obj = { a: 1, b: 2, c: 3 }; console.log(Object.values(obj)); // [1, 2, 3]
上述示例中,我们定义了一个 Object 对象,并使用 Object.values() 方法将其值转化为数组。
Object.entries()
Object.entries() 方法返回对象的键值对数组,每个键值对以数组的形式保存。这个方法提供了一种方便操作 Object 对象的方法,可以使用 Array 的一些方法来进行遍历和过滤。
用法:
Object.entries(obj);
示例:
const obj = { a: 1, b: 2, c: 3 }; console.log(Object.entries(obj)); // [['a', 1], ['b', 2], ['c', 3]]
上述示例中,我们定义了一个 Object 对象,并使用 Object.entries() 方法将其转化为一个键值对数组。
使用 Object.values() 和 Object.entries() 快速转化 Object 对象
使用 Object.values() 和 Object.entries() 可以非常方便地操作 Object 对象。以下是一个示例:
const obj = { a: 1, b: 2, c: 3 }; const values = Object.values(obj); const entries = Object.entries(obj); console.log(values); // [1, 2, 3] console.log(entries); // [['a', 1], ['b', 2], ['c', 3]]
在上述示例中,我们首先使用 Object.values() 方法将 Object 对象中的值保存到一个数组中。然后,我们使用 Object.entries() 方法将 Object 对象转化为一个键值对数组。
总结
在本文中,我们介绍了 ES7 中 Object.values() 和 Object.entries() 方法,并提供了示例代码。这些方法可以在操作 Object 对象时非常方便,同时也提高了代码可读性和可维护性。建议在项目中使用这些方法来避免出现一些莫名其妙的错误。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/645d9639968c7c53b0001468