Json數(shù)據(jù)格式在前端開發(fā)中非常常見,通常在請求接口時會返回Json格式的數(shù)據(jù),但我們有時需要將其轉(zhuǎn)化為數(shù)組進行操作。那么該怎樣將Json轉(zhuǎn)化為數(shù)組呢?
在JavaScript中,可以使用JSON.parse()方法將Json格式的數(shù)據(jù)轉(zhuǎn)化為JavaScript對象,然后通過遍歷對象來獲取數(shù)據(jù)存儲到數(shù)組中。
let jsondata = '{"name":"Tom","age":18,"hobby":["eating","sleeping","running"]}'; let objdata = JSON.parse(jsondata); let arrdata = []; //定義數(shù)組用來存儲解析后的Json數(shù)據(jù) //遍歷對象,獲取數(shù)據(jù)存儲到數(shù)組中 for(let key in objdata){ arrdata[key] = objdata[key]; if(Array.isArray(objdata[key])){ //判斷屬性值是否為數(shù)組,若是則遍歷數(shù)組并存儲 arrdata[key] = []; for(let i=0; i<objdata[key].length; i++){ arrdata[key][i] = objdata[key][i]; } } } console.log(arrdata);
通過JSON.parse()方法將Json數(shù)據(jù)轉(zhuǎn)化為JavaScript對象后,定義一個空數(shù)組,再通過遍歷對象的屬性將屬性和屬性值存儲到數(shù)組中。需要注意的是,如果屬性值是數(shù)組,則需要再次遍歷數(shù)組將數(shù)據(jù)存儲到新的數(shù)組中。
以上就是Json轉(zhuǎn)化為數(shù)組的方法,希望對大家有所幫助。
上一篇vue聊天項目