如何使用 JavaScript 映射和对象扩展向对象数组添加附加属性？

用附加属性丰富对象数组：为每个元素添加“Active”

在现实编程场景中，您可能会遇到扩展现有对象数组的需要具有附加属性。例如，考虑表示用户数据的对象数组，每个对象都包含“id”和“name”。要跟踪它们的活动状态，您需要为每个对象添加“Active”属性。

使用 Array.prototype.map() 来增强对象

解决此问题的一种优雅方法是利用Array.prototype.map() 方法。此方法通过对原始数组的每个元素应用转换函数来创建一个新数组。在我们的例子中，我们定义了一个函数，它接受一个对象并返回一个新对象，并将附加的“Active”属性设置为“false”。

<code class="javascript">const updatedResults = Results.map(obj => ({
  ...obj, // Copy existing properties
  Active: 'false' // Add new "Active" property
}));</code>

通过应用 map() 方法，您可以获得一个新数组“updatedResults”，其中每个对象都有所需的“Active”属性。原始的“Results”数组保持不变。

理解对象扩展语法

函数中的“...”语法称为对象扩展语法。它将所有可枚举属性从一个对象复制到另一个对象中。在本例中，我们使用它来保留现有属性（“id”和“name”），同时添加新的“Active”属性。

输出验证

执行上述代码后，您可以检查“updatedResults”数组以确认每个对象现在的“Active”属性设置为“false”：

<code class="javascript">console.log(updatedResults);
// Output:
// [
//   { id: 1, name: 'Rick', Active: 'false' },
//   { id: 2, name: 'david', Active: 'false' }
// ]</code>

结论

通过利用 Array.prototype.map( ）和对象扩展语法，您可以轻松地使用附加属性增强对象数组。该技术广泛适用于需要动态扩展和操作数据结构的各种编程场景。

以上是如何使用 JavaScript 映射和对象扩展向对象数组添加附加属性？的详细内容。更多信息请关注PHP中文网其他相关文章！