3種JavaScript 對(duì)象轉(zhuǎn)數(shù)組的方法

來源 | https://www.fly63.com
let obj = {'name': '前端','url': 'https://www.webadkf.com','des': '專注web前端開發(fā)',};
這里只需要它的值,我們需要轉(zhuǎn)換的數(shù)組形式如:
['前端', 'https://www.webqdkf.com', '專注web前端開發(fā)']
方式一:Object.values
Object.values()方法返回一個(gè)給定對(duì)象自身的所有可枚舉屬性值的數(shù)組,值的順序與使用for...in循環(huán)的順序相同 ( 區(qū)別在于 for-in 循環(huán)枚舉原型鏈中的屬性 )。
let arr = Object.values(obj); //對(duì)象轉(zhuǎn)化為數(shù)組
ps:如果只需要返回鍵作為數(shù)組,可以使用Object.keys()的方式,所以結(jié)合Map,也可以實(shí)現(xiàn):
let arr=Object.keys(obj).map(function(i){return obj[i]}); //對(duì)象轉(zhuǎn)化為數(shù)組
方式二:循環(huán)
可以直接利用循環(huán),如for in或者forEach()等:
var arr = []; //定義數(shù)組for (var i in obj) {arr.push(obj[i]);}
方式三:Array.from
Array.from() 方法對(duì)一個(gè)類似數(shù)組或可迭代對(duì)象創(chuàng)建一個(gè)新的,淺拷貝的數(shù)組實(shí)例。
var arr = Array.from(Object.values(obj),x=>x);
學(xué)習(xí)更多技能
請(qǐng)點(diǎn)擊下方公眾號(hào)
![]()

評(píng)論
圖片
表情
