链接到数组中的对象的 Javascript 对象引用

Javascript object reference linked to object in array?

本文关键字：对象 对象引用 Javascript 数组 链接      更新时间：2023-09-26

如果我有一个对象：

var array = [];
var theobject = null;
array.push({song:"The Song", artist:"The Artist"}, {song:"Another Song", artist:"Another Artist"});

我做：

for(var i = 0; i < array.length; i++)
if(array[i].song == "The Song") {
theobject = array[i];
break;
}

如果我然后通过执行以下操作来更改对象：

theobject.song = "Changed Name";
我

遇到了一些问题，尽管我试图仅将"theobject.song"设置为等于"更改名称"，但array[0].song也设置为"更改名称"。

我想要的是"theobject.song"变成"Changed Name"，而array[0].song仍然是"The Song"。

实现这一目标的最佳方法是什么？

你永远不会在循环中获得对对象的引用。尝试：

for(var i = 0; i < array.length; i++)
 if(array[i].song === "The Song") {
 theobject = array[i];
 break;
}

这将提供对对象的引用，您将能够更改对象song属性。

如果要使用对象的副本，则必须进行手动复制。

例如 
function clone(obj) {
  var copy = {};
  for (var attr in obj) {
   if (obj.hasOwnProperty(attr)) {
     copy[attr] = obj[attr];
   }
  }
  return copy;
}

您的循环变为：

for(var i = 0; i < array.length; i++)
 if(array[i].song === "The Song") {
 theobject = clone(array[i]);
 break;
}

可以使用 Object.assign（） 只复制其值而不引用。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

var array = [];
var theobject = null;
array.push({
  song:"The Song", 
  artist:"The Artist"
  }, 
  {
  song:"Another Song", 
  artist:"Another Artist"
});
for(var i = 0; i < array.length; i++)
  if(array[i].song == "The Song") {
    theobject = Object.assign( {}, array[i] );
    break;
  }
  
theobject.song = "Changed Name";
console.log( array );
console.log( theobject );

相关文章：