在D3 JavaScript中， forEach 和 map 都是用于数组迭代的函数，但它们有不同的功能和用法。
forEach
forEach 函数用于遍历数组并执行回调函数，不返回任何值。它可以采用以下语法：
----------------------------------- -- ----- -- ---------- ----------
其中，callback 是一个回调函数，它将在数组中的每个元素上执行，并接收三个参数：当前处理的元素，当前元素的索引和数组本身。thisArg 是可选的，它为回调函数提供了一个执行上下文（作为 this 值）。
以下示例演示如何使用 forEach 来计算数组中所有元素的总和：
--- ------- - --- -- -- -- --- --- --- - -- ----------------------------- - --- -- ---- --- ----------------- -- --- --
map
map 函数用于创建一个新的数组，其每个元素都是在原始数组上执行回调函数的结果。它可以采用以下语法：
--- --------- - ---------------- ----------------------- ------- -------- -
-- -------
--- ----------其中，callback 是一个回调函数，它将在数组中的每个元素上执行，并接收三个参数：当前处理的元素，当前元素的索引和数组本身。thisArg 是可选的，它为回调函数提供了一个执行上下文（作为 this 值）。
以下示例演示如何使用 map 来将数组中的每个元素乘以2：
--- ------- - --- -- -- -- --- --- ------- - ------------------------- - ------ --- - -- --- --------------------- -- --- --- -- -- -- ---
区别
虽然 forEach 和 map 都用于迭代数组，但它们之间有几个重要的区别：
- 返回值：
forEach不返回任何值，而map返回一个新的数组。 - 副作用：
forEach的回调函数可以具有副作用（例如修改数组中的元素），而map的回调函数不应该有任何副作用。 - 使用场景：如果你只需要遍历一个数组并执行一些操作，那么
forEach是更好的选择。如果你需要创建一个新的数组来存储转换后的数据，则应该使用map。
总结
在D3 JavaScript中，forEach 和 map 都是非常有用的函数，用于处理和转换数组。当你需要遍历数组时，使用 forEach；当你需要创建一个新的数组或对原始数组进行转换时，使用 map。无论使用哪种方法，都要注意回调函数的使用，确保它们不会产生意外的副作用。
示例代码
以下示例代码演示了如何使用 forEach 和 map 函数：
-- -- ------- ----------- --- ------- - --- -- -- -- --- ----------------------------- - ----------------- --- -- -- --- ------------ --- ------- - --- -- -- -- --- --- ------- - ------------------------- - ------ --- - -- --- ---------------------
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/12277