Question

抱歉，我是javascript的初学者。有人可以解释我如何修改这个对象

{toto:[12,13,15],titi:[45,12,34]}

到这个数组

 newArray =  [
 {
  toto:12,
  titi:45
 },{
  toto:13,
  titi:12
 },{
  toto:15,
  titi:34}
]

此外，如果toto和titi没有相同的长度，解决方案是什么感谢您的支持！

Answer 1

假设toto和titi的长度相同：

Obj = {toto:[12,13,15],titi:[45,12,34]};
newArray = [];
for (var k in Obj["toto"]) {
    newArray.push({ toto:Obj["toto"][k],titi:Obj["titi"][k] });
}

Answer 2

由于内部数组的长度相等，您应该能够简单地遍历它们并将每个数组（每次迭代）的值添加到一个新数组中：

// Your input
var input = {toto:[12,13,15],titi:[45,12,34]};
// An array to store your output
var output = [];

// Since your inner arrays are of equal size, you can loop through them
// as follows
for(var i = 0; i < input.toto.length; i++){
    output.push({ toto: input.toto[i], titi: input.titi[i]});
}

您可以在下面看到working example of this here以及output数组的内容：

Answer 3

这是我的表现方式。这样，您不需要知道键的名称或数组的大小，但它确实需要几个循环。

obj = {toto:[12,13,15],titi:[45,12,34]};
newArray = [];

// Find the longest array in your data set
longest = 0;
Object.keys(obj).forEach(function(key) {
  if (obj[key].length > longest) {
    longest = obj[key].length;
  }
});

// Loop through the existing data set to create new objects
for (i = 0; i<longest; i++) {
  newObject = {};
  Object.keys(obj).forEach(function(key) {
    newObject[key] = obj[key][i];
  });
  newArray.push(newObject);
}

console.log(newArray);

script.js文件中的

plnkr.co demo。

如果要忽略对于不均匀循环具有undefined值的键，可以在创建新对象的forEach循环内添加条件：

  Object.keys(obj).forEach(function(key) {
    if (obj[key][i] !== undefined) {
      newObject[key] = obj[key][i];
    }
  });

Answer 4

更通用的方法

＆＃13;

var object = { toto: [12, 13, 15], titi: [45, 12, 34] },
    newArray = function (o) {
        var keys = Object.keys(o),
            l = keys.reduce(function (r, a) { return Math.max(r, o[a].length); }, 0),
            i = 0,
            t,
            result = [];

        while (i < l) {
            t = {};
            keys.forEach(function (k) { t[k] = o[k][i]; });
            result.push(t);
            i++;
        }
        return result;
    }(object);

document.write('<pre>' + JSON.stringify(newArray, 0, 4) + '</pre>');

＆＃13;

在Javascript中将对象修改为新数组

4 个答案: