包含数组的节点的JavaScript树

时间:2013-11-08 15:48:19

标签: javascript arrays tree

我需要创建一个树。

每个节点都有两个二维数组,“statusTable”和“moveTable”。

每个孩子都必须继承父母的statusTable(其副本)。

每个节点应该有10个孩子。

树创建应在达到“maxDepth”时停止。

当我使用下面的代码时,我意识到所有节点都指向相同的statusTable。

请帮忙吗?

function NODE(p, statTable, movTable, depth)
{
    this.par = p;
    this.statusTable = statTable.slice();
    this.moveTable = movTable.slice();
    this.depth = depth;
}


function createChildren(parentNode)
{
    var childNode, m;

    if (parentNode.depth == maxDepth) return;


    for (m = 0; m < 10; m++) {

        moveTable = [];
        mainTable = parentNode.statusTable.slice();

        childNode = new NODE(parentNode, mainTable, moveTable, parentNode.depth + 1);

        createChildren(childNode);
    }
}

1 个答案:

答案 0 :(得分:0)

Slice创建数组的副本,但您只在外部数组上使用它。内部数组是相同的。

你有

var inner = [1];

var outer = [inner];
var copy = outer.slice();

copy === outer // false
copy[0] === outer[0] // true
copy[0][0] = 3; // problem
console.log(outer[0][0]) // 3, expecting 1

您需要的是深拷贝而不是切片:

function deepCopy(arr) {
  var copy = arr.slice();
  for (var i=0; i<copy.length; i++) {
    if (copy[i] instanceof Array) {
      copy[i] = deepCopy(copy[i]);
    }
  }
  return copy;
}