专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

javascript怎么将对象转化为数组

来源:小易整编  作者:小易  发布时间:2024-03-20 08:16
摘要:转化方法:1、定义一个空数组;2、使用“for(letiinobj)”语句遍历对象;3、在循环体中,使用push()函数将对象元素存入数组中,语法“leto=[]o[i]=obj[i]arr.push(o)”。本...

转化方法:1、定义一个空数组;2、使用“for (let i in obj){}”语句遍历对象;3、在循环体中,使用push()函数将对象元素存入数组中,语法“let o = [];o[i] = obj[i];arr.push(o);”。

javascript怎么将对象转化为数组

本教程操作环境: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怎么将对象转化为数组的详细内容,更多请关注易企推科技其它相关文章!


本文地址:网络知识频道 https://www.hkm168.com/jiqiao/1151598.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


网络知识
小编:小易整编
相关文章相关阅读
  • ppt中怎么插入自定义动作按钮

    ppt中怎么插入自定义动作按钮

    ppt插入自定义动作按钮: 打开幻灯片文件,然后在菜单栏中点击插入,打开插入工具栏,之后在插入工具栏中选择形状工具,如下图所示:点击形状工具后,就打开所有预置的形状列表,如下图所示,选择我们需要的形状。选择好形状后,自动退回到ppt文件编辑...

  • 主板显卡卡扣断了怎么办

    主板显卡卡扣断了怎么办

    主板显卡卡扣断了可以尝试使用胶带或胶水将其固定、更换显卡插槽、更换主板或者寻求专业人员的帮助。详细介绍:1、使用胶带或胶水将其固定,使用胶带或胶水时要小心,以免粘到其他部件上;2、更换显卡插槽,建议找专业的电脑维修人员来进行操作;3、更换主...

  • abc类ip地址怎么区分

    abc类ip地址怎么区分

    区分方法:1、a类ip地址,第一段号码为网络号码,剩下的三段号码为本地计算机的号码;2、b类ip地址,前两段号码为网络号码;3、c类ip地址,前三段号码为网络号码,剩下的一段号码为本地计算机的号码。本教程操作环境:windows7系统、De...

  • jsp文件怎么创建

    jsp文件怎么创建

    创建jsp文件的步骤:1、安装和配置java开发环境;2、安装和配置web服务器;3、创建jsp文件;4、编写jsp代码;5、部署和运行应用程序;6、调试和测试。详细介绍:1、安装和配置java开发环境,首先需要在计算机上安装jdk,可以从...

  • win7升级错误代码80072efe该怎么办win7升级错误代码80072efe解决...

    win7升级错误代码80072efe该怎么办win7升级错误代码80072efe解决方案

    win7客户在系统更新的过程中遇到了80072efe的报错,像这种状况要怎么办呢?你先清查网络问题,然后去微软官网下载代理,假如你用的是32位计算机就免费下载32位代理,安装下载完成后马上重启。假如再次出现升级不正确得话,你也就再去官方网站...

  • git怎么合并分支代码

    git怎么合并分支代码

    git合并分支代码的方法:1、使用“gitmerge”命令,该命令用来做分支合并,可以将其他分支中的内容合并到当前分支中。2、使用“gitrebase”命令,该命令用于改变当前的分支的基点,进而实现分支合并。本教程操作环境:Window...

  • 什么是构造函数?详解JavaScript中的构造函数

    什么是构造函数?详解JavaScript中的构造函数

    作为原型和原型链的基础,先了解清楚构造函数以及它的执行过程才能更好地帮助我们学习原型和原型链的知识。本篇文章带大家详细了解一下javascript中的构造函数,介绍一下怎么利用构造函数创建一个js对象,希望对大家有所帮助!一个普通的函数被用...

  • ps软件怎么打字

    ps软件怎么打字

    ps软件怎么打字?利用PS软件的文字工具可以进行打字,具体操作请参照以下步骤。1、首先在电脑上打开Photoshop软件,新建一个300x300像素的画布,填充前景色,色值为#38bada,并保存源文件。2、然后点击软件界面左边工具栏中的文...

  • 周排行
  • 月排行
  • 年排行

精彩推荐