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

学习更多技能

请点击下方公众号

来源 |https://www.fly63.com我们在项目开发的时候,有时需要将js对象转换为数组,下面小编给大家具体演示一下怎么转换,主要是介绍一些常用、简洁的转换方法。比如Java... var obj = { name: '小明', age: 22 }; var arr = Object.values(obj) ; //对象化为数组 console.log(arr); // ['小明', 22] 字符串化为数组 var str= "abc"; var arr = Object.values(str) ; /字符串化为数组 console.log(arr); // ['a', 'b','c']
大家好,我是前端西瓜哥,今天说一下 JS 的类数组对象是什么,以及如何将类数组对象数组。类数组对象是什么?类数组对象,就是含有 length 属性的对象,但这个对象不是数组。通常来说还会有 0 ~ length-1 的属性,结构表现上非常像一个数组。const arrlike = {1:'a', 4: 'd', length: 9}; Array.isArray(arrlike) // false 从底层上来看,这
本文实例分析了JavaScript数组对象换为数组对象方法。分享给大家供大家参考,具体如下: 1、类数组对象: 拥有length属性,可以通过下标访问; 不具有数组所具有的方法。 2、为什么要将类数组对象换为数组对象数组对象Array有很多方法:shift、unshift、splice、slice、concat、reverse、sort,ES6又新增了一些方法:forEach、isArray、indexOf、lastIndexOf、every、some、map、filter、reduce等。由于类数组不具有数组所具有的操作数组方法,将类数组换为数组之后就能调用这些强大的方法,方
本文实例讲述了JavaScript对象封装的简单实现方法。分享给大家供大家参考,具体如下: Javascript在HTML中变得越来越强大,富客户端,HTML5中的WebGL等。但是我们书写Javascript的时候往往很随意,使用对象的封装是极好的。这里介绍Javascipt三创建对象方法。 1. 使用关键字new创建对象 function Person(name, age) { this.name = name; this.age = age; var p = new Person(); // 也可填充初始化属性,如new Person(lingceng, 22) age: 24, sayHi: function(){ console.log("My name is "+ this.name + " this year is " + this.age + "years old.") 第二创建对象的方式: 创建一个Object对象 var object = new
可以使用 Object.keys() 和 Array.prototype.map() 方法将一个 JavaScript 对象换为数组对象。示例代码如下: ```javascript const obj = { name: 'Tom', age: 20, gender: 'male' const arr = Object.keys(obj).map(key => ({ key, value: obj[key] })); console.log(arr); // Output: [{ key: 'name', value: 'Tom' }, { key: 'age', value: 20 }, { key: 'gender', value: 'male' }] 在上面的示例中,我们首先使用 Object.keys() 方法获取对象的所有属性名,然后使用 Array.prototype.map() 方法对每个属性名进行遍历,并将其化为一个包含 `key` 和 `value` 属性的新对象。最终得到一个以对象形式存储的数组对象