JS實(shí)現(xiàn)將對(duì)象轉(zhuǎn)化為數(shù)組的方法分析
本文實(shí)例講述了JS實(shí)現(xiàn)將對(duì)象轉(zhuǎn)化為數(shù)組的方法。分享給大家供大家參考,具體如下:
前言
其實(shí)這本來應(yīng)該是一個(gè)很基礎(chǔ)的問題了,但我之做一想記錄一下是因?yàn)橹耙驗(yàn)閷?duì)象轉(zhuǎn)數(shù)組的時(shí)候卡住了后來弄了出來,但最近再遇到這個(gè)問題時(shí)竟然又卡主了,所以,關(guān)于這個(gè)問題,如何把一個(gè)對(duì)象{'未完成':5, '已完成':8, '待確認(rèn)':4, '已取消':6}
轉(zhuǎn)為[{"未完成":5},{"已完成":8},{"待確認(rèn)":4},{"已取消":6}]
,你已經(jīng)知道如何操作了,那這篇文章你也就沒有必要看了。
對(duì)象的兩種取值方式
我們都知道,JS中對(duì)象有兩種取值方式,通過在.后面直接加屬性名取值,這也是我們最常使用的一種方式,例如:
let obj = {name: 'wan'}; console.log(obj.name); //wan
這是最普通的一種方式,還有一種方式我們用的不太多,就是使用[]包住屬性名取值,類似于數(shù)組那樣,例如
let obj = {name: 'wan'}; console.log(obj[name]); //wan
那二者之前有什么區(qū)別呢,如果對(duì)于一個(gè)已知的對(duì)象來說,幾乎是沒什么區(qū)別的,但是如果我們需要的對(duì)象的key是變量呢?這就回到了我們文章開始是提到的問題,如何將一個(gè)對(duì)象轉(zhuǎn)化為數(shù)組
將對(duì)象轉(zhuǎn)化為數(shù)組
我們文章開始例子中的對(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);
如果像我文中開始的需求的話就只需要改變一下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é)果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- js將類數(shù)組對(duì)象轉(zhuǎn)換成數(shù)組對(duì)象
- js 轉(zhuǎn)json格式的字符串為對(duì)象或數(shù)組(前后臺(tái))的方法
- js中將具有數(shù)字屬性名的對(duì)象轉(zhuǎn)換為數(shù)組
- js對(duì)象轉(zhuǎn)json數(shù)組的簡(jiǎn)單實(shí)現(xiàn)案例
- JavaScript將數(shù)組轉(zhuǎn)為對(duì)象與JSON對(duì)象字符串轉(zhuǎn)數(shù)組方法詳解
- JavaScript對(duì)象轉(zhuǎn)數(shù)組的3種簡(jiǎn)單方法小結(jié)
相關(guān)文章
基于JavaScript實(shí)現(xiàn)電子簽名功能
這篇文章主要為大家詳細(xì)介紹了如何通過JavaScript實(shí)現(xiàn)簡(jiǎn)單的電子簽名功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-11-11網(wǎng)站頁面自動(dòng)跳轉(zhuǎn)實(shí)現(xiàn)方法PHP、JSP(上)
自動(dòng)轉(zhuǎn)向,也叫自動(dòng)重定向。自動(dòng)跳轉(zhuǎn),指當(dāng)訪問用戶登陸到某網(wǎng)站時(shí),自動(dòng)將用戶轉(zhuǎn)向其它網(wǎng)頁地址的一種技術(shù)。轉(zhuǎn)向的網(wǎng)頁地址可以是網(wǎng)站內(nèi)的其它網(wǎng)頁,也可以是其它網(wǎng)站。2010-08-08使用JavaScript判斷用戶輸入的是否為正整數(shù)(兩種方法)
在項(xiàng)目開發(fā)中,需要使用JavaScript驗(yàn)證用戶輸入的是否為正整數(shù),下面小編給大家分享兩種方法,需要的朋友參考下2017-02-02javascript實(shí)現(xiàn)固定側(cè)邊欄
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)固定側(cè)邊欄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-02-02swiper移動(dòng)端輪播插件(觸碰圖片之后停止輪播)
這篇文章主要為大家詳細(xì)介紹了swiper移動(dòng)端輪播插件,觸碰圖片之后停止輪播,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12js控制臺(tái)報(bào)錯(cuò)Uncaught TypeError: Cannot read p
本文主要介紹了js控制臺(tái)報(bào)錯(cuò)Uncaught TypeError: Cannot read properties of undefined (reading ‘a(chǎn)ppendChild‘)的解決,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07js實(shí)時(shí)監(jiān)控文本框輸入字?jǐn)?shù)的實(shí)例代碼
下面小編就為大家分享一篇實(shí)時(shí)監(jiān)控文本框輸入字?jǐn)?shù)的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01CocosCreator經(jīng)典入門項(xiàng)目之flappybird
這篇文章主要介紹了CocosCreator經(jīng)典入門項(xiàng)目之flappybird,詳細(xì)說明了制作的每個(gè)步驟,還有詳盡的代碼,對(duì)CocosCreator感興趣的同學(xué),一定要看一下2021-04-04屏蔽鼠標(biāo)右鍵、Ctrl+n、shift+F10、F5刷新、退格鍵 的javascript代碼
屏蔽鼠標(biāo)右鍵、Ctrl+n、shift+F10、F5刷新、退格鍵 的javascript代碼...2007-04-04