快捷導(dǎo)航

JS實(shí)現(xiàn)將對(duì)象轉(zhuǎn)化為數(shù)組的方法分析

更新時(shí)間：2019年01月21日 09:30:16 作者：黎成訶月

這篇文章主要介紹了JS實(shí)現(xiàn)將對(duì)象轉(zhuǎn)化為數(shù)組的方法,結(jié)合實(shí)例形式分析了javascript操作及轉(zhuǎn)換json數(shù)組相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)將對(duì)象轉(zhuǎn)化為數(shù)組的方法。分享給大家供大家參考，具體如下：

前言

其實(shí)這本來(lái)應(yīng)該是一個(gè)很基礎(chǔ)的問(wèn)題了，但我之做一想記錄一下是因?yàn)橹耙驗(yàn)閷?duì)象轉(zhuǎn)數(shù)組的時(shí)候卡住了后來(lái)弄了出來(lái)，但最近再遇到這個(gè)問(wèn)題時(shí)竟然又卡主了，所以，關(guān)于這個(gè)問(wèn)題，如何把一個(gè)對(duì)象{'未完成':5, '已完成':8, '待確認(rèn)':4, '已取消':6}轉(zhuǎn)為[{"未完成":5},{"已完成":8},{"待確認(rèn)":4},{"已取消":6}]，你已經(jīng)知道如何操作了，那這篇文章你也就沒(méi)有必要看了。

對(duì)象的兩種取值方式

我們都知道，JS中對(duì)象有兩種取值方式，通過(guò)在.后面直接加屬性名取值，這也是我們最常使用的一種方式，例如:

let obj = {name: 'wan'};
console.log(obj.name); //wan

這是最普通的一種方式，還有一種方式我們用的不太多，就是使用[]包住屬性名取值，類似于數(shù)組那樣，例如

let obj = {name: 'wan'};
console.log(obj[name]); //wan

那二者之前有什么區(qū)別呢，如果對(duì)于一個(gè)已知的對(duì)象來(lái)說(shuō)，幾乎是沒(méi)什么區(qū)別的，但是如果我們需要的對(duì)象的key是變量呢？這就回到了我們文章開(kāi)始是提到的問(wèn)題，如何將一個(gè)對(duì)象轉(zhuǎn)化為數(shù)組

將對(duì)象轉(zhuǎn)化為數(shù)組

我們文章開(kāi)始例子中的對(duì)象是

let obj = {'未完成':5, '已完成':8, '待確認(rèn)':4, '已取消':6};

如果目標(biāo)數(shù)組只是為了得到對(duì)象的key的集合或者value的集合還是相對(duì)容易的

var arr = []
for (let i in obj) {
  arr.push(obj[i]); //屬性
  //arr.push(obj[i]); //值
}
console.log(arr);

如果像我文中開(kāi)始的需求的話就只需要改變一下push進(jìn)去的內(nèi)容為一個(gè)對(duì)象即可

var arr = []
for (let i in obj) {
  let o = {};
  o[i] = obj[i];
  arr.push(o)
}
console.log(arr);

感興趣的朋友還可以使用本站在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行結(jié)果。

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS實(shí)現(xiàn)將對(duì)象轉(zhuǎn)化為數(shù)組的方法分析

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具