JS实现将对象转化为数组的方法分析

网络编程 2024/11/15 佚名

2 0 1

金狮镖局 Design By www.egabc.com

本文实例讲述了JS实现将对象转化为数组的方法。分享给大家供大家参考，具体如下：

前言

其实这本来应该是一个很基础的问题了，但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来，但最近再遇到这个问题时竟然又卡主了，所以，关于这个问题，如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转为[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}]，你已经知道如何操作了，那这篇文章你也就没有必要看了。

对象的两种取值方式

我们都知道，JS中对象有两种取值方式，通过在.后面直接加属性名取值，这也是我们最常使用的一种方式，例如:

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

这是最普通的一种方式，还有一种方式我们用的不太多，就是使用[]包住属性名取值，类似于数组那样，例如

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

那二者之前有什么区别呢，如果对于一个已知的对象来说，几乎是没什么区别的，但是如果我们需要的对象的key是变量呢？这就回到了我们文章开始是提到的问题，如何将一个对象转化为数组

将对象转化为数组

我们文章开始例子中的对象是

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

如果目标数组只是为了得到对象的key的集合或者value的集合还是相对容易的

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程序设计有所帮助。

JS,对象,转化,数组

标签：

JS,对象,转化,数组

金狮镖局 Design By www.egabc.com

金狮镖局 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

金狮镖局 Design By www.egabc.com

评论“JS实现将对象转化为数组的方法分析”

暂无JS实现将对象转化为数组的方法分析的评论...

更新日志

2024年11月15日

JS实现将对象转化为数组的方法分析

JS,对象,转化,数组

Vue 表情包输入组件的实现代码

vue中过滤器filter的讲解

评论“JS实现将对象转化为数组的方法分析”

更新日志

友情链接