我想在 Javascript 中迭代一個物件并從其內部物件創建一個 CSV 檔案。
const list = {
"right": {
"label": "Right",
"items": ["Jack", "Dough"]
},
"wrong": {
"label": "Wrong",
"items": ["Rain", "Over"]
},
"nope": {
"label": "Nope",
"items": ["No", "Way"]
}
};
const downLoadCsv = (list) => {
let csvContent = '';
Object.keys(statusM).forEach((obj) => {
console.log(obj);
//do something like obj.items and iterate over internal object - items
//but typeof obj is string here
});
const anchorEle = document.createElement('a');
anchorEle.href = `data:text/csv;charset=utf-8,${encodeURI(csvContent)}`;
anchorEle.target = '_blank';
anchorEle.download = `${key}.csv`;
anchorEle.click();
};
我試圖迭代，obj但我發現typeof obj是字串。我更期待一個如下的物件：-
{
"label": "Right",
"items": ["Jack", "Dough"]
},
我期待這樣的輸出： -
Jack, Right
Dough, Right
Rain, Wrong
Over, Wrong
No, Nope
Way, Nope
有人可以幫忙嗎？
uj5u.com熱心網友回復：
- 因此，您需要將整個物件轉換為下一個結構：
[
['Jack', 'Right'],
['Dough', 'Right'],
]
它通過以下方式完成：
Object.values(list).map(i => i.items.map(j => [j, i.label])).flat()之后我添加了額外
toCsv的格式化方法 - 允許換行
const list = {
"right": {
"label": "Right",
"items": ["Jack", "Dough"]
},
"wrong": {
"label": "Wrong",
"items": ["Rain", "Over"]
},
"nope": {
"label": "Nope",
"items": ["No", "Way"]
}
};
const downLoadCsv = (list) => {
let csvContent = toCsv(Object.values(list).map(i => i.items.map(j => [j, i.label])).flat());
const anchorEle = document.createElement('a');
anchorEle.href = `data:text/csv;charset=utf-8,${encodeURI(csvContent)}`;
anchorEle.target = '_blank';
anchorEle.download = `test.csv`;
anchorEle.click();
};
function toCsv(arr){
return arr.reduce(function(csvString, row){
csvString = row.join(',') ;
csvString = "\r\n"; //";";//"\n";
return csvString;
}, '');
}
downLoadCsv(list)uj5u.com熱心網友回復：
在這里，您需要輸入值而不是鍵，但在這里，我隱藏了不相關的因為我不知道該代碼。
const list = {
"right": {
"label": "Right",
"items": ["Jack", "Dough"]
},
"wrong": {
"label": "Wrong",
"items": ["Rain", "Over"]
},
"nope": {
"label": "Nope",
"items": ["No", "Way"]
}
};
const downLoadCsv = (list) => {
let csvContent = '';
Object.values(list).forEach((obj) => {
console.log(obj);
//do something like obj.items and iterate over internal object - items
//but typeof obj is string here
});
/*
const anchorEle = document.createElement('a');
anchorEle.href = `data:text/csv;charset=utf-8,${encodeURI(csvContent)}`;
anchorEle.target = '_blank';
anchorEle.download = `${key}.csv`;
anchorEle.click();
*/
};
downLoadCsv(list)轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/448355.html
標籤：javascript json 目的 javascript 对象