无法使用地图将对象添加到另一个对象

Question

我遇到了一个在 javascript 中从未见过的问题。这是我正在做的事情的精髓

var doStuff = function(stuff, otherstuff){
   return _.map(stuff, function(s){

     // Thing needed is a fairly big object 
     var thingNeeded = _.find(otherstuff, function(os){
       return os.whatineed;
     });

     var new_thing = _.clone(s);
     new_thing.new_field = thingNeeded;
     return new_thing;
   });
};

但这会返回一个列表，它是原始的stuff 列表！如果我这样做，它甚至会发生

var doStuff = function(stuff, otherstuff){
   return _.map(stuff, function(s){

     // Thing needed is a fairly big object 
     var thingNeeded = _.find(otherstuff, function(os){
       return os.whatineed;
     });


     s.new_field = thingNeeded;
     return s;
   });
};

或

var doStuff = function(stuff, otherstuff){
   return _.map(stuff, function(s){

     // Thing needed is a fairly big object 
     var thingNeeded = _.find(otherstuff, function(os){
       return os.whatineed;
     });


     s['new_field'] = thingNeeded;
     return s;
   });
};

或使用_.extend() 和_.create() 的变体。它也不适用于数组原型中的地图。

我不知道我在这里做错了什么。它完全无视我添加该字段。有人可以帮忙吗？

编辑：记录在案

[{thing: 1}, {thing: 2}].map(function(t){
  t.welp = 'welp';
});

将按预期返回[{thing: 1, welp: 'welp'}, {thing: 2, welp: 'welp'}]。所以它在地图内的某个地方。

再次编辑：

var doStuff = function(stuff, otherstuff){
   return _.map(stuff, function(s){

     // Thing needed is a fairly big object 
     var thingNeeded = _.find(otherstuff, function(os){
       return os.whatineed;
     });

     var new_thing = _.clone(s);
     new_thing.new_field = thingNeeded;
     console.log('stuff:', new_thing.new_field);
     return new_thing;
   });
};

console.log 将返回我们期望的值 (thingNeeded)。

谢谢！

Answer 1

我认为你在地图迭代器中使用了一些东西，而你应该使用当前迭代的对象's'。

这是一个工作小提琴http://jsfiddle.net/rzkvne23/

var doStuff = function(stuff, otherstuff){
   return _.map(stuff, function(s){

     var thingNeeded = _.find(otherstuff, function(os){
       return os.whatineed === 2;
     });

     var new_thing = _.clone(s);
     new_thing.new_field = thingNeeded;
     console.log('stuff:', new_thing.new_field);
     return new_thing;
   });
};

var a = [{},{},{}];
var b = [{whatineed: 1},{whatineed:2},{whatineed:3}];

console.dir(doStuff(a,b));