箭头函数写map遍历

箭头函数可以很方便地写map遍历，以下是一个例子：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.map(item => item * 2);
console.log(newArr); // 输出：[2, 4, 6, 8, 10]

在这个例子中，我们使用箭头函数对数组进行了遍历，并将每个元素乘以2，最终得到了一个新的数组newArr。

相关问题

js list 箭头函数 遍历

你可以使用 `Array.prototype.forEach()` 方法来遍历 JavaScript 数组。箭头函数也可以用来定义 forEach 的回调函数。

例如，以下代码将一个数组 `arr` 中的每个元素打印到控制台上：

const arr = [1, 2, 3, 4, 5];

arr.forEach(item => {
  console.log(item);
});

你也可以使用其他的数组遍历方法，例如 `map()`、`filter()` 等等，使用箭头函数定义回调函数同样很方便。

react的map遍历

在React中，map()方法是用于数组的常见方法之一，它可以用于处理数组并返回一个新的数组。在React中，经常使用map()方法来遍历数组，生成对应的组件列表或进行数据转换操作。

以下是一个使用map()方法遍历数组并生成组件列表的示例：

import React from 'react';

function ComponentList(props) {
  const data = ['apple', 'banana', 'orange'];
  const componentList = data.map((item, index) => {
    return <Component key={index} data={item} />;
  });
  return (
    <div>
      {componentList}
    </div>
  );
}

function Component(props) {
  return (
    <div>
      {props.data}
    </div>
  );
}

在上面的示例中，我们定义了一个名为ComponentList的组件，它使用map()方法遍历data数组并生成对应的Component组件列表。在map()方法中，我们使用箭头函数将每个数组元素转换为一个Component组件，并将其存储在componentList数组中。最后，我们将componentList数组渲染到页面上。