javascript - 转换数据时 obj[i] 在 javascript 中不可迭代

Question

我正在尝试将数据从一种格式转换为另一种格式，但收到错误 obj[i] 不可迭代 为什么我想获得预期输出如下变量所示

const data = {
    "GENERAL": {
        "value": null,
        "type": "LABEL",
    },
    "Mobile NUMBER": {
        "value": "04061511",
        "type": "FIELD",

    },

   "Abc NUMBER": {
        "value": "89999",
        "type": "FIELD",

    },
    "Personal Info": {
        "value": null,
        "type": "LABEL",
    },
    "Address": {
        "value": "g-78",
        "type": "FIELD",

    }, "local": {
        "value": "090099",
        "type": "FIELD",

    }
}

const obj = {}
for (var i in data) {
    const {type} = data[i];
    if (type === 'LABEL') {
        obj[i] = []

    } else {
        obj[i] = [...obj[i], data[i]]
    }

}

console.log(obj)


const expectedout = {
    "GENERAL": [{
        "value": "04061511",
        "type": "FIELD",
        "displaytext": "Mobile NUMBER"

    }, {
        "value": "89999",
        "type": "FIELD",
        "displaytext": "Abc NUMBER"

    }],
  "Personal Info": [{
        "value": "g-78",
        "type": "FIELD",
        "displaytext": "Address"

    }, {
        "value": "090099",
        "type": "FIELD",
        "displaytext": "local"

    }]
}

有没有更好的方法可以将我当前的数据转换为期望的数据？我是React中的ES6 这是我的代码

https://jsbin.com/sesipuzeni/1/edit?html,js,console,output

更新

var obj = {
  "first":"first",
  "2":"2",
  "34":"34",
  "1":"1",
  "second":"second"
};
for (var i in obj) { console.log(i); };
VM5628:8 

似乎对象属性没有保证。当你有数字和字符串时，yes 是正确的

但是当你总是使用“字符串”时，它的顺序是相同的

var obj = {
  "first":{a:"jjj"},
  "yyy":{a:"jjqej"},
  "ttt":{a:"jjsqj"},
  "ggg":{a:"jjjs"},
  "second":{a:"jjcj"}
};
for (var i in obj) { console.log(i); };

Answer 1

问题是，当您处理原始对象的下一个元素时，i 不再是包含值数组的元素的键。您需要将其保存在另一个变量中。

const data = {
  "GENERAL": {
    "value": null,
    "type": "LABEL",
  },
  "Mobile NUMBER": {
    "value": "04061511",
    "type": "FIELD",
  },

  "Abc NUMBER": {
    "value": "89999",
    "type": "FIELD",
  },
  "Personal Info": {
    "value": null,
    "type": "LABEL",
  },
  "Address": {
    "value": "g-78",
    "type": "FIELD",

  },
  "local": {
    "value": "090099",
    "type": "FIELD",
  }
}

const obj = {};
var lastLabel;
for (var i in data) {
  if (data[i].type === 'LABEL') {
    obj[i] = []
    lastLabel = i;
  } else {
    data[i].displaytext = i;
    obj[lastLabel] = [...obj[lastLabel], data[i]]
  }
}

console.log(obj)

请注意，整个方法依赖于对象属性保留其顺序，这在 JavaScript 中是无法保证的。但我认为它恰好适用于大多数现有的实现。