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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • IDEA之配置SVN「建议收藏」

    IDEA之配置SVN「建议收藏」在实际公司开发的项目中,我们往往需要使用svn对特定功能模块进行版本管理,下面为IDEA配置SVN的相关步骤以及会遇到的一些问题目录一、SVN配置1.1下载SVN1.2安装SVN1.3配置SVN二、常见问题2.1.IDEA文件全部变红2.2Warning:java:源值1.5已过时2.2.1调整project版本一、SVN配置1.1下载SVNTortoiseSVN官网地址:https://tortoisesvn.net/downloads.html1.2安装SVN基本是

  • 物联网架构在现有互联网_物联网行业发展现状及整体体系结构

    物联网架构在现有互联网_物联网行业发展现状及整体体系结构1.说明  这一小节,也不具体讲些什么了。最近一个半月都在摸鱼,没什么事做,慢慢学习着SpringBoot和SpringCloud。下面两张图是进行的一次小结。以后随着深入,整个架构肯定是会变的。现在记录一下,每个项目成长都是有一个过程的。…

  • bat命令详解_bat结束进程命令

    bat命令详解_bat结束进程命令批处理文件中可引用的参数为%0~%9,%0是指批处理文件的本身,也可以说是一个外部命令;%1~%9是批处理参数,也称形参;而替换形参的实参若超过了批处理文件中所规定数值(9个)且想在批处理文件中应用这些实参的话,shift命令可以帮你实现! Shift命令:更改批处理文件中可替换参数的位置 C代码    shift[/n]   n的取值是[0,8],且为整数;[/n]为可选参数,当赋予n

  • Mqtt开发笔记:Mqtt服务器搭建

    Mqtt开发笔记:Mqtt服务器搭建若该文为原创文章,未经允许不得转载原博主博客地址:https://blog.csdn.net/qq21497936原博主博客导航:https://blog.csdn.net/qq21497936/article/details/102478062本文章博客地址:各位读者,知识无穷而人力有穷,要么改需求,要么找专业人士,要么自己研究红胖子(红模仿)的博文大全:开发技术集合(包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软硬结合等等)持续更新中…(点击传送门

  • 5G/NR SSB学习总结[通俗易懂]

    5G/NR SSB学习总结[通俗易懂]6.1SSB概念同步信号和PBCH块(SynchronizationSignalandPBCHblock,简称SSB),它由主同步信号(PrimarySynchronizationSignals,简称PSS)、辅同步信号(SecondarySynchronizationSignals,简称SSS)、PBCH三部分共同组成。6.2SSB特征…

  • ElasticSearch分布式搜索引擎安装教程

    ElasticSearch分布式搜索引擎安装教程ElasticSearch分布式搜索引擎安装教程​专注小Du博客,每天分享干货知识。CSDN博客地址:在正式开始安装教程之前,小Du先带大家来了解什么是ElasticSearch。一.Hr:ElasticSearch是什么?​答:Elasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于RESTfulweb接口。Elasticsearch是用Java语言开发的,并作为Apache许可条款下的开放源码发布,是一种流行的企业级

发表回复

您的电子邮箱地址不会被公开。

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