map 和foreach遍历数组案例

map和foreach都是用来遍历数组的常用操作函数。首先我们来看一下map的用法。

map是一个高阶函数，它接收一个函数作为参数，对数组的每个元素都应用这个函数，并返回一个新的数组。

假设我们有一个数组[1, 2, 3, 4, 5]，现在我们想把每个元素都翻倍，可以使用map函数来实现。首先定义一个函数double，接收一个参数x，并返回x的两倍：

function double(x) {
  return x * 2;
}

var arr = [1, 2, 3, 4, 5];
var newArr = arr.map(double);

console.log(newArr);  // [2, 4, 6, 8, 10]

可以看到，通过map函数，我们将原数组中的每个元素都翻倍得到了一个新的数组。

接下来我们看一下foreach的用法。

foreach是一个用于遍历数组的方法，它接受一个函数作为参数，在遍历数组的过程中，对数组的每个元素依次应用该函数。

同样以数组[1, 2, 3, 4, 5]为例，我们可以使用foreach来对数组中的每个元素进行遍历，并打印出每个元素的值。

var arr = [1, 2, 3, 4, 5];
arr.forEach(function(item) {
  console.log(item);
});

// 输出：
// 1
// 2
// 3
// 4
// 5

可以看到，通过使用foreach函数，我们可以方便地对数组进行遍历，并对每个元素进行相应的操作。

综上所述，map和foreach都是非常实用的用于数组操作的函数，分别用于对数组中的元素进行处理和遍历操作。