JavaScript将对象转换为数组的方法解析

JavaScript对象转数组方法解析

本文详细介绍在JavaScript中将对象转换为数组的具体实现方法，供读者参考学习。

前言

这看似是一个基础问题，但我决定记录于此。之前我曾在此处遇到瓶颈，虽然最终解决，但近期再次遇到时仍感困惑。因此，本文旨在厘清如何将一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转换为[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}]。如果你已掌握此操作，可跳过本文。

对象属性的两种取值方式

对象的两种取值方式

在JavaScript中，对象主要有两种访问属性的方式。最常见的是通过点号（.）后接属性名直接取值，例如：

let obj = {name: 'wan'};
console.log(obj.name); //wan

这是最常规的做法。另一种较少使用的方式是使用方括号（[]）包裹属性名进行取值，这种方式与数组访问类似，例如：

let obj = {name: 'wan'};
console.log(obj[name]); //wan

两者有何区别？对于已知固定键名的对象，差异不大。但当对象的键名是变量时，方括号方式便显得尤为重要。这也引出了本文的核心问题：如何将对象转换为数组。

对象转换为数组的具体实现

将对象转化为数组

前文示例中的对象结构如下：

let obj = {'未完成':5, '已完成':8, '待确认':4, '已取消':6};

若目标仅是获取对象的键名集合或值集合，实现相对简单。

var arr = []
for (let i in obj) {
  arr.push(obj[i]); //属性
  //arr.push(obj[i]); //值
}
console.log(arr);

若需实现前文提到的复杂需求，只需调整push方法传入的参数，使其为一个对象即可。

var arr = []
for (let i in obj) {
  let o = {};
  o[i] = obj[i];
  arr.push(o)
}
console.log(arr);

感兴趣的用户可使用本站在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行结果。

更多关于JavaScript相关内容可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。