3种JavaScript 对象转数组的方法

3种JavaScript 对象转数组的方法来源|https://www.fly63.com我们在项目开发的时候,有时需要将js对象转换为数组,下面小编给大家具体演示一下怎么转换,主要是介绍一些常用、简洁的转换方法。比如Java…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

05766f662829d2d1c63dff62a0995eb4.png

来源 | https://www.fly63.com

我们在项目开发的时候,有时需要将js对象转换为数组,下面小编给大家具体演示一下怎么转换,主要是介绍一些常用、简洁的转换方法。

比如JavaScript对象如下:


let obj = {
  'name': '前端',
  'url': 'https://www.webadkf.com',
  'des': '专注web前端开发',
};

这里只需要它的值,我们需要转换的数组形式如:


['前端', 'https://www.webqdkf.com', '专注web前端开发']

方式一:Object.values

Object.values()方法返回一个给定对象自身的所有可枚举属性值的数组,值的顺序与使用for…in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。


let arr = Object.values(obj); //对象转化为数组

ps:如果只需要返回键作为数组,可以使用Object.keys()的方式,所以结合Map,也可以实现:


let arr=Object.keys(obj).map(function(i){return obj[i]}); //对象转化为数组

方式二:循环

可以直接利用循环,如for in或者forEach()等:

var arr = []; //定义数组
for (var i in obj) {
    arr.push(obj[i]); 
}

方式三:Array.from

Array.from() 方法对一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。


var arr = Array.from(Object.values(obj),x=>x);

学习更多技能

请点击下方公众号

838bc264d9a45a93fba1392acbd2faaf.gif

e71eda0344eb2c6021ec77782ed458e5.png

b362be272bc60a25a1c9e4fc33e73ffb.png

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/194241.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mac如何卸载python_如何彻底卸载pycharm

    mac如何卸载python_如何彻底卸载pycharm小编的系统是MacOS10.15.4,之前是去官网下载安装了PyCharm2020.1.2,现在想把它完全卸载了,方法如下:1、打开访达-应用程序,找到PyCharm应用图标,右键移到废纸篓;2、清理缓存、参数以及日志相关配置文件:cd~/Library/Preferences/rm-rfJetBrains/PyCharm2020.1/cd~/Library/Logsrm-rfJetBrains/PyCharm2020.1/cd~/L…

    2022年8月29日
    2
  • HTML导航条的制作

    HTML导航条的制作导航条的制作HTML代码:<nav>  <ul>    <li>      <ahref=”#”></a>    </li>    <li>      <ahref=”#”></a>    </li>  </ul></na…

    2022年7月22日
    8
  • java path环境变量_java配置环境变量

    java path环境变量_java配置环境变量前段时间因为windows10更新的缘故,系统越来越卡,任务管理器也闪退,试了各种方法都不管用,反而越改问题越多,乘着周末,昨天把系统重装了,现在记录一下配置java环境变量的过程。1.安装jdk,从官网下就行,我的是把原来的做了个备份,直接解压的。如下图2.记录下你要配置的jdk路径。右键此电脑,属性,点击高级系统设置,选择环境变量。3.现在就可以新建环境变量了。点击新建,变量名为JAVA_HO…

    2022年5月31日
    22
  • 域名的url转发功能是什么_url和域名有什么区别

    域名的url转发功能是什么_url和域名有什么区别在网上找了很久,感觉还是米发快捷点,适用于域名注册下来但是个人网站还没完成暂时转发至博客的,或者想给博客弄个个性点的域名的工具:域名,米发帐号  原理:域名商解析到第三方平台服务器,第三方平台帮你转发到你的地址1. 在米发平台上添加域名2. 在米发平台上添加转发操作,   显性URL转发:只是跳转,网站显示的还是你跳转后的地址,不是你的域名隐性URL转发:网站显示的是你的域名,内容是你要跳转的…

    2022年10月19日
    3
  • NTU NUS 申请经历

    NTU NUS 申请经历我的出国历程                ——考研+出国全纪录个人简历:本人,男,1989年出生,东北大学秦皇岛分校06级通信工程专业学生。在校期间曾获得校一等奖学金1次,二等奖学金2次,三等奖学金2次,科技创新奖学金1次,鹏远奖学金1次。曾获得校“东软杯”科技竞赛特等奖,“挑战杯”课外学术作品竞赛省三等奖,并参加过全国大学生数学建模比赛。在校期间多次获得康师傅“再来一瓶”奖励。

    2022年5月3日
    59
  • dumpbin的使用方法_dumpbin 的基础使用

    dumpbin的使用方法_dumpbin 的基础使用oneNeko于2020-10-17发布要查看exe依赖哪些动态库或某个DLL包含哪些接口函数依赖哪些动态库,可以使用depends工具或者vs自带的dumpbin工具,这里使用vs自带的dumpbin启动dumpbin是使用vs命令行的,有两种方法打开:1、打开vs,工具-命令行-开发者命令提示2、开始菜单-visualstdioxxxx-命令提示符使用使用很简单,语法如下:DUMPB…

    2022年6月19日
    34

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号