箭头函数写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()` 等等，使用箭头函数定义回调函数同样很方便。

vue map 箭头函数

在 Vue 中使用 map 函数时，可以使用箭头函数来简化代码。箭头函数是 ES6 中的语法糖，可以更方便地创建匿名函数。

例如，使用 `map()` 函数来遍历一个数组并将每个元素乘以 2，可以这样写：

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

在 Vue 中，如果你需要使用 `mapGetters` 或 `mapActions` 来映射 Vuex 中的 getters 或 actions，也可以使用箭头函数来简化代码：

import { mapGetters, mapActions } from 'vuex';

export default {
  computed: {
    ...mapGetters({
      count: 'getCount',
      name: 'getName',
    }),
  },
  methods: {
    ...mapActions({
      increment: 'increment',
      decrement: 'decrement',
    }),
  },
};

这样就可以将 Vuex 中的 getters 和 actions 映射到 Vue 实例的计算属性和方法中了。