JSON是一種輕量級(jí)的數(shù)據(jù)存儲(chǔ)和傳輸格式。在前端開發(fā)中,我們經(jīng)常需要解析JSON數(shù)據(jù)并將它們展示在頁(yè)面上。在這個(gè)過程中,有些情況下我們需要對(duì)JSON數(shù)據(jù)進(jìn)行分列處理,以便更好地呈現(xiàn)數(shù)據(jù)。
那么,JSON數(shù)據(jù)如何進(jìn)行分列處理呢?這就需要用到JavaScript的技能了。
var json = { "name": "Amy", "age": "22", "gender": "female", "hobby": ["reading", "music", "travel"] }; var columns = ["name", "gender", "hobby"]; var data = []; for(var i = 0; i < columns.length; i++) { if(columns[i] === "hobby") { data.push(json[columns[i]].join(", ")); } else { data.push(json[columns[i]]); } } console.log(data);
上述代碼中,我們首先定義了一個(gè)JSON對(duì)象。接著,我們定義了一個(gè)數(shù)組columns,用來表示需要進(jìn)行分列的鍵名。最后,我們使用一個(gè)for循環(huán)遍歷columns數(shù)組,將對(duì)應(yīng)的鍵值存入data數(shù)組中。在這個(gè)過程中,為了方便展示,我們對(duì)“hobby”鍵進(jìn)行了特殊處理,將其值用逗號(hào)分隔并存入data數(shù)組中。
上一篇vue能否文字
下一篇php token延期