javascript怎么将对象转化为数组
转化方法：1、定义一个空数组；2、使用“for (let i in obj){}”语句遍历对象；3、在循环体中，使用push()函数将对象元素存入数组中，语法“let o = [];o[i] = obj[i];arr.push(o);”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
举个例子，如何把一个对象{‘未完成’:5, ‘已完成’:8, ‘待确认’:4, ‘已取消’:6}转化为[{“未完成”:5},{“已完成”:8},{“待确认”:4},{“已取消”:6}]。
对象的两种取值方式
我们都知道，JS中对象有两种取值方式，通过在.后面直接加属性名取值，这也是我们最常使用的一种方式，例如:
let obj = {name: 'yang'};
console.log(obj.name); //yang
这是最普通的一种方式，还有一种方式我们用的不太多，就是使用[]包住属性名取值，类似于数组那样，例如：
let obj = {name: 'yang'};
console.log(obj[‘name’]); //yang
这里要注意一点的是中括号里面的要么是变量，要么是字符串
那二者之前有什么区别呢，如果对于一个已知的对象来说，几乎是没什么区别的。
将对象转化为数组
首先看我们的例子
let obj = {'未完成':5, '已完成':8, '待确认':4, '已取消':6};
//将obj转化为
[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}]
1、目标数组只是为了得到对象的key的集合或者value的集合
var arr = [];
for (let i in obj) {
arr.push(i); //key
//arr.push(obj[i]); //值
}
console.log(arr);
2、按我们之前提到的例子转化为数组对象，只需要改变一下push进去的内容为一个对象即可
var arr = [];
for (let i in obj) {
let o = [];
o[i] = obj[i];
arr.push(o);
}
console.log(arr);
最后说一下for (let i in obj){}，这个方法主要是用来遍历对象的，in后面是对象，i为key。
【推荐学习：javascript高级教程】
以上就是javascript怎么将对象转化为数组的详细内容！
相关内容
-
5个有用的css函数（分享）
CSS包含了许多函数，而且它能够完成许多早期需要用JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。...
-
详解CSS3+SVG滤镜实现不规则边框的方法
本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...
-
使用JS或CSS如何实现瀑布流布局，几种方案介绍
本篇文章带大家了解一下瀑布流布局，介绍一下三种靠谱JS方案，以及N种不靠谱CSS方案。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。本着实用精神，我们今天来分...
-
让人眼前一亮的五个前端小技巧
为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。废话不多说，开车了。1.快速隐藏要隐藏一个DOM元素，不需要JavaScript。一个原生的HTML属性就足...
-
如何实现炫酷的数字大屏
依托强大无远开发平台，可以快速实现带各种酷炫联动效果的数字化大屏。一起来看一下吧DEMO地址：https://previewer.wuyuan.io/p...配置地址：http...
-
CSS+JS实现爱心点赞按钮（代码示例）
本篇文章给大家介绍一下CSS+JS实现一个“爱之满满”点赞按钮的方法，希望对大家有所帮助！前段时间在看一档说唱节目，被里面的一个说唱歌手JBcob的爱之满满这句词给洗脑了。于是...
-
总结整理：需要避坑的五大常见css错误（收藏）
本篇文章给大家总结5个最常见的css错误，并介绍一下避坑方法，希望对大家有所帮助！正如我们今天所知，CSS语言是web的一个重要组成部分。它使我们有能力绘制元素在屏幕、网页或其...
-
javascript如何将时间字符串转化为时间
javascript将时间字符串转化为时间的方法：1、根据毫秒数构建Date对象，代码为【vardate=newDate(timestamp)】；2、格式化日期，代码为【dat...
-
javascript如何定义私有方法
javascript定义私有方法的方法是类的构造函数里定义的function，即为私有方法，代码为【this.getSalary=function(){returnsalary...
-
ajax和javascript的区别是什么
ajax和javascript的区别：1、javaScript一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能；2、AJAX是一种创建交互式网页应用的网...
