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