Angular 如何解除链接到对象TypeScript的绑定？

我有一个菜单项（数组）：

还有另一个数组

let roles=[1,2,3]：

let names = [];

for (let i = 0; i < roles.length; i++) {
   if(roles[i] == 1) {
       let name = this.menu[i].name = "Article1";

   } else if (roles[i] == 2) {
      let name = this.menu[i].name = "Article2";
   }

   else if (roles[i] == 3) {
      let name = this.menu[i].name = "Article3";
   }

    names.push(name);
}

但它不起作用，我仍然更改了主对象（数组）。
您有一个菜单数组。里面有菜单。这给

[
  0: {/* data */} // menu
]

然后，在循环中，决定修复该数组的一个键。那就

[
  0: {/* data */}, // menu
  name: 'Article[1|2|3]'
]

正如你所看到的，你从不触摸菜单。这可能是你的问题

现在我不明白你的问题，但通过你所做的，我相信这会帮助你理解
 是否希望
菜单
具有多个名称？为什么要为数组指定名称？是的，我有一个菜单项数组，我希望在每次迭代中使用此数组。我希望为循环中的每个角色指定新名称菜单项。所以，我理解这个问题，我使用一个数组，并尝试更改数组中对象的第一个属性。它总是重写以前的值。我不需要在菜单数组中更改，但我想得到这个值并分配给另一个变量以供进一步使用。好的，我将尝试进一步解释
[
  0: {/* data */} // menu
]

[
  0: {/* data */}, // menu
  name: 'Article[1|2|3]'
]