ES6 Object.keys(obj)将对象构建为数组对象 - 附示例

• Object.keys()：返回对象自身的所有可枚举的属性的键名。

效果

一、定义

Object.keys(obj)

Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。

拓展： ES6 入门教程

二、示例

let obj = {
  man: '8',
  woman: '6',
  child: '2',
}
let arr: {}[] = [];

Object.keys(obj).map((item) => {
  let newObj = {
    name: '',
    value: ''
  };

  newObj["name"] = item;
  newObj["value"] = obj[item];

  return arr.push(newObj);
});

console.log(arr); // [{"name": "man","value": "8"},{"name": "woman","value": "6"},{"name": "child", "value": "2"}]

tips: 

for...in的示例看这里=》JS 对象转数组对象 for...in -附完整示例_js 对象转数据对象-优快云博客

总的来说，操作中引入继承的属性会让问题复杂化，大多数时候，我们只关心对象自身的属性。所以，尽量不要用for...in循环，而用Object.keys()代替。

欢迎VX关注：前端小知识营地