javascript - 在 Angular js中动态添加树中的元素

Question

我在 angularjs 中有一个对象数组

var list = [{id: 'foo' , value:'bar1'},
 {id: 'foo1' , value:'bar1'}];

我想为第一个等于“foo”的 id 添加一个子对象

格式化 JSON 数据:

[  
   {  
      "id":'foo',
      "value":'bar1',
      "children":{  
         id:'foo',
         value:'baar'
      }
   },
   {  
      "id":'foo1',
      "value":'bar1'
   }
];

我已经尝试过

var tempList = {id:'foo', value:'baar'};

if(list.id =='foo' )
list.id.children = tempList ;

但它没有插入值

Answer 1

使用map函数向对象添加属性

var list = [
  {id: 'foo' , value:'bar1'},
  {id: 'foo1' , value:'bar1'}
]; 
 

var tempList = {id:'foo', value:'baar'};

list = list.map(function(obj){
  if(obj.id =='foo'){
    obj.children = tempList ;
  }
  
  return obj
})
console.log(list)