在javascript中，如何在不覆蓋數組的情況下進行一些修改將相同對象兩次推送到數組中

Question

我試圖將相同的對象推入數組，並對對象進行一些修改。 但是當我做修改並推送對象時，數組中的第一個對象被覆蓋。

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"}]

Answer 1

Javascript使用對象的引用。 這樣，在數組中，您要添加對第一個對象的引用，然后再添加對同一對象的第二個引用。 基本上，只有一個對象和兩個引用（有點像文件系統上的單個文件，並帶有兩個快捷方式），因此您對該對象的所有引用都會進行任何更改。

您需要復制對象，然后編輯副本。 看看這個問題： 如何正確克隆JavaScript對象？

....或僅使用Underscore之類的庫來完成復制。 （編輯： Underscore實際上並沒有對深度復制的本機支持，但lodash 確實具有 -並且您可能仍然應該使用它。）

Answer 2

Javascript對象由引用傳遞，因此兩個對象相同，但兩個引用相同。 您需要根據需要對對象進行克隆。
如果您使用的是JQuery，

var newObject = jQuery.extend(true, {}, details[i]);

Answer 3

這是javascript的基本要素。 將所有對象視為引用類型。 要完成您的任務，您需要創建一個新對象並將其推入數組。