JS 日常开发中，别再手动写循环提取对象值了

做前端开发的兄弟都知道，处理数据结构是家常便饭。有时候后端返回了一个配置项对象，或者用户提交的一堆表单数据，我们拿到手往往只需要里面的具体数值，不需要键名。

以前遇到这种情况，很多人习惯性地用 for...in 循环遍历，或者先拿 Object.keys 再 map 一遍转成数组。代码没少写，逻辑也容易乱，特别是还要担心属性遍历顺序或者原型链污染的问题。其实，ES2017 已经帮我们准备好了更优雅的方案 —— Object.values()。

一句话搞定数值提取

这个方法的语法简单到令人发指，几乎不需要记忆。假设你手里有这样一个用户信息对象：

const userInfo = { name: '张三', age: 25, role: 'admin' };
const values = Object.values(userInfo); 
// 结果是 ['张三', 25, 'admin']

它的作用非常明确：接收一个对象作为参数，返回一个包含该对象所有自身可枚举属性值的数组。

当你需要把对象的值直接传给图表组件（比如 ECharts 的数据 series），或者进行批量计算时，一行代码就能替代十几行的循环逻辑。这种写法不仅减少了出错概率，让代码意图更加清晰，评审的时候同事看着也舒服。

别把它和 keys 搞混了

刚接触这个方法时，容易和 Object.keys() 弄混。两者的区别就像“查字典”和“读内容”。keys 给你的是所有的索引名，而 values 给你的才是实实在在的数据。

有些场景下你会觉得奇怪，为什么有些值没取出来？这时候要明白它的筛选机制。Object.values 只会遍历对象自身的可枚举属性，不会去原型链上找东西。如果你的项目里经常涉及对象继承，或者定义了不可枚举的属性（比如通过 Object.defineProperty 设置的），这些数据会被自动忽略。这一点在处理深度嵌套或封装好的 SDK 对象时尤为重要，避免了你拿着空数组排查半天 bug 的情况。

符号键与兼容性细节

还有一个容易被忽视的细节，就是 Symbol 类型的键名。在较新的规范里，对象键可以是 Symbol，但普通的 Object.values() 默认会忽略 Symbol 键。如果你明确需要处理这些特殊键值对，得配合 Reflect.ownKeys 或者手动判断。

关于浏览器兼容性，目前主流环境都支持良好。但在一些极老旧的移动端 WebView 或者 IE 环境里，如果必须兼容，记得加上 polyfill 补丁，否则上线后遇到白屏会很头大。如果是内部后台系统或者现代 Web 项目，放心大胆用就行。

真实业务中的组合拳

单纯调用这个方法可能显得单薄，真正的价值在于组合使用。比如在统计模块里，你需要计算所有分数的总和：

const scores = { math: 90, english: 85, physics: 95 };
const total = Object.values(scores).reduce((sum, val) => sum + val, 0);

这里没有定义具体的科目名称，直接对值求和。当后端临时调整了字段结构，只增不减分数，你的前端统计逻辑依然稳固，不用改一行代码。这种解耦思维，正是 Object.values 带来的额外红利。

当然，也不是所有场景都适合用它。如果你需要同时用到键和值，那就老老实实 for...of Object.entries()。工具的选择永远取决于需求，不要为了炫技而生硬套用。

小结

回到最初的问题，如何高效地从对象中提取数据？Object.values 提供了最直接的路径。它省去了中间步骤，屏蔽了原型链的干扰，让数据处理变得更直观。

掌握它不仅是为了少写几行代码，更是为了让维护者一眼看懂你的意图。下次再面对一堆对象数据想取值时，试着先敲下这一行看看，或许能给你带来不一样的流畅体验。开发路上，工具选对了，路自然就走顺了。