javascript - 如何重新分配一个对象以便它也改变引用的对象？

Question

假设我有一个对象数组:

var people = [
  {name: "Jack", height: 180},
  {name: "Marry", height: 170},
  {name: "Susan", height: 162},
]

如果我选择第一个人并像这样改变高度:

var jack = people[0];     
jack.height = 163;

然后此更改也会反射(reflect)在数组中的对象中，如下所示:

people = [
      {name: "Jack", height: 163},
      {name: "Marry", height: 170},
      {name: "Susan", height: 162},
    ] 

但是，如果我像这样重新分配对象

 jack = {name: "Jack the developer", height: 163}

数组没有改变:

people = [
      {name: "Jack", height: 163},
      {name: "Marry", height: 170},
      {name: "Susan", height: 162},
    ] 

我应该如何分配jack以便它改变引用？

Answer 1

按照您的方式，您可以使用 Object.assign() 进行操作

演示

const arr=[
      {name: "Jack", height: 163},
      {name: "Marry", height: 170},
      {name: "Susan", height: 162},
    ] ,
    jack = {name: "Jack the developer", height: 163};
    
Object.assign(arr[0],jack);

console.log(arr);

.as-console-wrapper {max-height: 100% !important;top: 0;}

<小时/>

您还可以使用find数组的方法并使用 Object.assign() 合并新值.

演示

const arr=[
      {name: "Jack", height: 163},
      {name: "Marry", height: 170},
      {name: "Susan", height: 162},
    ] ,
    jack = {name: "Jack the developer", height: 163};
    
let result = arr.find(({name})=>name=="Jack");

if(result){
Object.assign(result,jack);
};

console.log(arr);

.as-console-wrapper {max-height: 100% !important;top: 0;}