1. 程式人生 > >ES6語法將扁平的JSON對象結構化

ES6語法將扁平的JSON對象結構化

-1 col for 結構 form表單提交 語法 console ble json

適用於支持ES6語法的項目中。 Form表單提交整個Table的數據,每單個表單必須有唯一的name,當數據量較大時,不可能去手動設置每一個name名。 因此通過遍歷出有規律的name,然後通過Form表單提交所有數據,再去處理數據,將其轉為分類的結構化數據,作為參數傳給後端。
const obj = {
  id0: ‘id000‘,
  id1: ‘id001‘,
  id2: ‘id002‘,
  num0: ‘num000‘,
  num1: ‘num001‘,
  num2: ‘num002‘,
  card0: ‘card000‘,
  card1: ‘card001‘,
  card2: ‘card002‘,
  name0: 
‘name000‘, name1: ‘name001‘, name2: ‘name002‘, }; console.log(‘obj‘, obj);
技術分享
const arr = [];
// 結構化為3組對象,每組對象包含4組鍵值對
const len = 3;
for (let i = 0; i < len; i += 1) {
  const item = {
    id: obj[`id${i}`],
    num: obj[`num${i}`],
    card: obj[`card${i}`],
    name: obj[`name${i}`],
  };
  arr.push(item);
}
console.log(
‘arr‘, arr);
技術分享

ES6語法將扁平的JSON對象結構化