在javascript中,如何将相同的对象两次推送到一个数组中,并进行一些修改而不覆盖数组
In javascript How to push the Same object Twice into an array with some modification without overriding the array
>我正在尝试将同一对象推送到一个数组中,并对对象进行一些修改。但是当我进行修改并推送对象时,数组中的第一个对象被覆盖。
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"}]
Javascript 使用对象的引用。因此,在数组中,您将添加对第一个对象的引用,然后添加对同一对象的第二个引用。基本上,只有一个对象和两个引用(有点像文件系统上的单个文件,有两个快捷方式),因此您所做的任何更改都将针对该对象的所有引用显示。
您需要复制对象,然后编辑副本。 看看这个问题:如何正确克隆 JavaScript 对象?
....或者只是使用像下划线这样的库来完成复制。(编辑:Underscore实际上没有对深度复制的本机支持,但lodash有 - 无论如何你都应该使用它。
Javascript对象是由引用传递的,所以两个对象是相同的,但是两个引用。您需要根据需要克隆对象。
如果您使用的是 JQuery ,
var newObject = jQuery.extend(true, {}, details[i]);
这是
javascript的本质。将所有对象视为引用类型。要完成任务,您需要创建新对象并将其推送到数组中。
相关文章:
- Javascript(Angular)从一个对象数组到第二个数组查找值
- 根据id将json数组组合为一个json数组
- JavaScript数组包含一个值
- 对一个对象使用reduce可以返回一个没有't在数组中包含目标字母
- jQuery$.inArray()总是返回-1和一个对象数组
- 在数组中的一个元素上设置多个值
- javascript处理一个对象数组以获得一个新的对象数组
- 作为一个二维数组,从ajax接收
- 你能用来自数组的属性名称生成一个对象吗
- 多维关联数组的最后一个索引
- 如何创建一个方法来验证数组的范围
- 循环以检查数组中的最后一个图像
- 在Javascript中将一个值和字符串数组转换为if语句
- 算法:从数组(javascript/angular)中按当前日期获取上一个和下一个事件
- 如何将一个对象添加到每个对象数组中
- 如何创建一个谷歌地图地理坐标数组
- 如何从另一个带下划线的数组中筛选带元素的数组
- 使用window.location.htm和匹配的URL数组(一个用于桌面,一个用于移动)将桌面网站重定向到移动
- Javascript排序多维数组-一个完整的例子
- 刽子手的游戏.2数组.一个需要相应地更新另一个