2

我试图将同一个对象推入一个数组，并对对象进行一些修改。但是当我修改并推送对象时，数组中的第一个对象被覆盖。

var details = [{"name":"john","id":2,"personalEmail":"john@gmail.com","workEmail":"wa2@gmail.com"}];    var searchData = "joh";
var pattern1 = new RegExp("(?:^|[\\s\@])"+searchData, "i");
var data = [];
for(var i=0;i<details.length;i++){
  var name = details[i].name;
  if(pattern1.test(name)){
   var dom = name.replace(name.match(pattern1), '<strong>'+ name.match(pattern1) + '</strong>');
   details[i].name = dom;        
   data.push(details[i]);
   console.log("first ::::"+JSON.stringify(data));
   if(details[i].workEmail != null){
 details[i].personalEmail = details[i].workEmail;
     data.push(details[i]);
     console.log("second::::"+JSON.stringify(data));
   }
  }
}

这是小提琴http://jsfiddle.net/LQg7W/2311/。我们可以在控制台（F12 控制台选项卡）中看到输出。

输出获取：

second::::[{"name":"<strong>joh</strong>n","id":2,"personalEmail":"wa2@gmail.com","workEmail":"wa2@gmail.com"},{"name":"<strong>joh</strong>n","id":2,"personalEmail":"wa2@gmail.com","workEmail":"wa2@gmail.com"}]

预期输出：

second::::[{"name":"<strong>joh</strong>n","id":2,"personalEmail":"john@gmail.com","workEmail":"wa2@gmail.com"},{"name":"<strong>joh</strong>n","id":2,"personalEmail":"wa2@gmail.com","workEmail":"wa2@gmail.com"}]
4

3 回答 3

2

Javascript 使用对象的引用。因此，在您的数组中，您将添加对第一个对象的引用，然后添加对同一对象的第二个引用。基本上，只有一个对象和两个引用（有点像文件系统上的单个文件，有两个快捷方式），因此您所做的任何更改都将出现在该对象的所有引用中。

您需要复制您的对象，然后编辑该副本。查看这个问题：如何正确克隆 JavaScript 对象？

....或者只是使用像Underscore这样的库来完成复制。（编辑：Underscore 实际上并没有对深拷贝的原生支持，但是lodash 有——而且你可能无论如何都应该使用它。）

于 2013-11-14T04:52:36.830 回答
0

Javascript 对象是通过引用传递的，所以这两个对象是相同的，但是两个引用。您需要根据您的要求克隆该对象。
如果您使用的是 JQuery ，

var newObject = jQuery.extend(true, {}, details[i]);
于 2013-11-14T04:52:11.500 回答
0

这是javascript的要领。将所有对象视为引用类型。要完成您的任务，您需要创建新对象并将其推送到数组中。

于 2013-11-14T04:55:21.073 回答