将多维数组转换为对象



我有一个2d数组,最多有[32][32]个条目。我想把它从这样的东西转换过来:

[
    null, 
    null, 
    null, 
    null, 
    null, 
    null, 
    [null, null, null, null, null, null, null, null, null, null, "player1"],
    [null, null, null, null, null, "player2"]
]

{
  "6": {"10":"player1"},
  "7": {"5":"player2"}
}

这就是我的数组:

var gameField = [];
gameField[6] = [];
gameField[6][10] = "player1";
gameField[7] = [];
gameField[7][5] = "player2";

现在我尝试使用这个:

var obj = {}
obj = Object.assign({},gameField);
console.log(JSON.stringify(obj));

但它只对外部阵列有效,内部阵列没有受到影响:

{
    "6": [null, null, null, null, null, null, null, null, null, null, "player1"],
    "7": [null, null, null, null, null, "player2"]
}

要做到这一点,最短的方法是什么?

您可以迭代数组中的项,然后如果找到的项本身就是数组则递归(使用Array.isArray进行检查)

function populateFromArray(array) {
  var output = {};
  array.forEach(function(item, index) {
    if (!item) return;
    if (Array.isArray(item)) {
      output[index] = populateFromArray(item);
    } else {
      output[index] = item;
    }
  });
  return output;
}
console.log(populateFromArray(input));

这导致:

[object Object] {
  6: [object Object] {
    10: "player1"
  },
  7: [object Object] {
    5: "player2"
  }
}

查看正在工作的jsBin

注意:你当然可以用更少的代码来做到这一点,但更少的代码并不总是更好的!

Array.prototype.reduce()似乎是这方面的理想选择。您可以执行以下操作;

var dataArr = [null,null,null,null,null,null,[null,null,null,null,null,null,null,null,null,null,"Player1"],[null,null,null,null,null,"player2"]],
    dataObj = dataArr.reduce((p,c,i) => (Array.isArray(c) && (p[i] = {[c.length-1]:c[c.length-1]}),p),{});
console.log(dataObj);

您可以使用这个递归函数,使用ES6代码:

var data = [null,null,null,null,null,null,[null,null,null,null,null,null,null,null,null,null,"player1"],[null,null,null,null,null,"player2"]];
function convert(data) {
    return Array.isArray(data)
        ? data.reduce( (obj, el, i) => (el && (obj[i] = convert(el)), obj), {} )
        : data;
}
var obj = convert(data);
console.log(obj);

当您的输入数组嵌套深度超过2层时,这也会起作用。它不要求非null元素位于其(子)数组的末尾,也不要求每个(子)阵列只有一个非null元素。

相关内容

  • 没有找到相关文章

最新更新