将数组按照type进行分组

最新推荐文章于 2024-04-08 13:09:07 发布

2025专业AI写手!

最新推荐文章于 2024-04-08 13:09:07 发布

阅读量341

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/AIB_Kasic/article/details/129814944

javascript 专栏收录该内容

79 篇文章

订阅专栏

这段代码演示了如何利用JavaScript的reduce方法将数组元素按其数据类型分组，通过typeof运算符获取元素类型，并构建一个累加器对象存储每种类型的元素集合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用reduce进行分组

const arr = [1, "apple", true, 3.14, "orange", false, 42];

const grouped = arr.reduce((acc, val) => {
  const type = typeof val;
  if (!acc[type]) {
    acc[type] = [];
  }
  acc[type].push(val);
  return acc;
}, {});

console.log(grouped);

上面的代码会将数组 arr 中的元素按照类型分组，并将结果存储在 grouped 变量中。输出结果如下:

结果

const arr = [1, "apple", true, 3.14, "orange", false, 42];

const grouped = arr.reduce((acc, val) => {
  const type = typeof val;
  if (!acc[type]) {
    acc[type] = [];
  }
  acc[type].push(val);
  return acc;
}, {});

console.log(grouped);

在 reduce() 方法中，第一个参数是一个累加器函数，它会对每个元素执行一次。在这个累加器函数中，我们首先使用 typeof 运算符获取元素的类型，并根据类型来创建或获取对应类型的数组。然后将当前元素添加到对应类型的数组中，最后返回累加器对象 acc。最终，reduce() 方法会将所有元素都处理完毕，并返回最终的累加器对象，其中包含了按照类型分组的数组。