JavaScript的：通过ID

Question

设置嵌套对象的值，我想知道什么是更新多对象集合的成员在JavaScript

这里最好的办法是我收集的简化版本：

this.Steps = [ 

{ id: 1, text: "test", childSteps: 
    [ 
    { id: 2, text: "test"}, 
    { id: 3, text: "test"}, 
    { id: 4, text: "test", childSteps: 
    [ 
      { id: 10, text: "test"}, 
      { id: 11, text: "test"} 
    ]} 
    }, 
    { id: 5, text: "test"}, 
    { id: 6, text: "test"}, 
    { id: 7, text: "test"},  
    { id: 8, text: "test"}, 
    { id: 9, text: "test"} 
    ] 
} 
]; 

理想的做法是有一个函数被调用，如：

updateObjectByID(11, 'string to be set'); 

这是很容易的时候，我们只有1级对象的工作要做。但是当在多级集合上使用递归时，它变得更加困难。

我目前使用的是分析整个收集和建筑物串像一个功能：

this.Steps[0].childSteps[3].childSteps[1].text == "string to be set" 

，然后我该字符串做eval()。

我敢肯定，可能有更清洁的解决方案。

使用eval使我的课无法压缩顺便说一句。

任何帮助将不胜感激。

在此先感谢

Answer 1

您可以通过ID直接访问地图上标注的对象：

var map = {}; 
(function recurse(steps) { 
    for (var i=0; i<steps.length; i++) { 
     var step = steps[i]; 
     map[ step.id ] = step; 
     if ("childSteps" in step) 
      recurse(step.childSteps); 
    } 
})(this.Steps); 

function updateObjectByID(id, string) { 
    map[id].text = string; 
} 

---

你的代码中的注释：你overcomplified很多。当满足条件if(obj.id == objId)时，您已经获得obj参考值！现在完全不需要搜索它的路径，从中创建一个字符串，并对其进行评估。直接分配给它的财产！

function(steps, objId, value, whatParam, command) { 
    if (typeof whatParam == 'undefined') 
     whatParam = 'selected'; 
    $.each(steps, function(index, obj){ 
     if(obj.id == objId) { 
      // removed a lot of unecessary stuff 

      // not sure, looks like "value" was evaled sometimes as well 
      obj[whatParam] = value; 

     } // insert an "else" here if ids are unique 
     if (typeof obj.childSteps != 'undefined') {   
      this.setupObjectState(obj.childSteps, objId, value, whatParam, command); 
     } 
    }); 
} 

Answer 2

由于您使用ID调用updateObjectById()，因此ID必须是唯一的。为什么难道你不改变你的结构是这样，那么：

this.Steps = [ 
    { id: 1, text: "test" }, 
    { id: 2, parent: 1, text: "test" }, 
    { id: 3, parent: 1, text: "test" }, 
    { id: 4, parent: 1, text: "test" }, 
    { id: 10, parent: 4, text: "test" }, 
    { id: 11, parent: 4, text: "test" }, 
    { id: 5, parent: 1, text: "test"}, 
    { id: 6, parent: 1, text: "test"}, 
    { id: 7, parent: 1, text: "test"},  
    { id: 8, parent: 1, text: "test"}, 
    { id: 9, parent: 1, text: "test"} 
] 

这样你就可以轻松地更新您的条目是这样的：

function updateObjectByID(id, text) { 
    for(var i = 0; i < this.Steps.length; i++) { 
     if(this.Steps[i].id === id) { 
      this.Steps[i].text = text; 
      break; 
     } 
    } 
} 

具有额外属性parent你仍然可以很容易地得到所有的孩子这样的元素：

function getChildrenByID(id) { 
    var array = []; 
    for(var i = 0; i < this.Steps.length; i++) { 
     if(this.Steps[i].parent === id) { 
      array.push(this.Steps[i]); 
     } 
    } 
    return array; 
} 

Answer 3

您必须递归下降您的树结构搜索与目标“id”的对象并替换它的文本。例如：

function updateObjectByID(obj, id, text) { 
    if (!obj) return; 
    if (obj.id === id) { 
    obj.text = text; 
    } else if ((typeof(obj)==='object') && (obj.constructor===Array)) { 
    for (var i=0; i<obj.length; i++) { 
     updateObjectByID(obj[i], id, text); 
    } 
    } else if (obj.childSteps) { 
    updateObjectByID(obj.childSteps, id, text); 
    } 
} 

updateObjectByID(this.Steps, 11, 'String to be set'); 

但是，这个解决方案可以通过修剪树来优化。

Answer 4

function updateObjectByID(id, text) { 
    (function setText(steps) { 
     for(var i = 0; i < steps.length; i++){ 
      var step = steps[i]; 
      if(step.id === id){ 
       step.text = text; 
      } 
      if ("childSteps" in step){ 
       setText(step.childSteps); 
      } 
     } 
    })(this.Steps); 
} 

这里是演示。 http://jsfiddle.net/qDWX8/