3种JavaScript 对象转数组的方法

3种JavaScript 对象转数组的方法来源 https www fly63 com 我们在项目开发的时候 有时需要将 js 对象转换为数组 下面小编给大家具体演示一下怎么转换 主要是介绍一些常用 简洁的转换方法 比如 JavaScript 对象如下 let obj name 前端 url https www webadkf com des 专注 web 前端开发

来源 | 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);

编程小号
上一篇 2025-03-02 16:33
下一篇 2025-01-24 23:11

相关推荐

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