首页 > 代码库 > ES6语法将扁平的JSON对象结构化

ES6语法将扁平的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对象结构化