拥抱数组map和forEach：携手探索数据海洋

2023-11-03 08:29:09

数据映射的魔法师——map

map函数就像一位魔法师，它可以将数组中的每个元素逐一映射成新值，从而生成一个全新的数组。这种映射操作就像为数组中的每个元素穿上了一件新衣服，赋予它们新的意义。

数据遍历的精灵——forEach

forEach函数是一位勤劳的精灵，它会依次遍历数组中的每个元素，并执行您指定的函数。它不会改变原数组，而是通过函数来处理每个元素。forEach就像一位细心的园丁，悉心照料着数组中的每个元素，确保它们都能得到应有的关注。

异同对照：一探究竟

相同点： map和forEach都是数组的遍历函数，它们都允许您对数组中的每个元素进行处理。
不同点：
- 返回值： map函数会返回一个新的数组，而forEach函数不会返回任何值。
- 数组修改： map函数会修改原数组，而forEach函数不会修改原数组。
- 用途： map函数通常用于将数组中的每个元素转换成新值，而forEach函数通常用于对数组中的每个元素执行特定的操作。

应用场景：大显身手

map函数：
- 将数组中的数字映射成新的数字：const doubled = numbers.map(number => number * 2);
- 将数组中的字符串映射成大写字符串：const upperCased = strings.map(string => string.toUpperCase());
- 将数组中的对象映射成新的对象：const modifiedObjects = objects.map(object => ({ ...object, newProperty: 'value' }));
forEach函数：
- 在数组中的每个数字上执行console.log()：numbers.forEach(number => console.log(number));
- 在数组中的每个字符串上执行toUpperCase()：strings.forEach(string => string.toUpperCase());
- 在数组中的每个对象上执行特定的操作：objects.forEach(object => { object.property = 'new value'; });