Javascript 如何在一条语句中映射两个不同的数组

发布于05月01日

我不知道如何表达这个问题.如果你能用一种更好的方式在你的回答中表达这一点，我将不胜感激.我的问题是，有没有办法在一条语句中编写以下代码？唯一真正的区别是，如果e.featured是假的，那么就会增加一个特色项目.如果为真，则将另一个添加到OpenSourceProjects.我觉得我好像错过了一些明显的东西.

  const featuredProjects = allProjects.map((e) => {
    if (e.featured == true) {
      return (
        buildCard(e)
      );
    }
  });

  const openSourceProjects = allProjects.map((e) => {
    if (e.featured == false) {
      return (
        buildCard(e)
      );
    }
  });

这看起来很脏，并且接近代码重复，这是我想要避免的.

推荐答案

您可以在一次REDUTE呼叫中过滤出单独的.下面是一个例子.你可以推buildCard(curr)

const allProjects = [
  { title: "Project 1", featured: true },
  { title: "Project 2", featured: false },
  { title: "Project 3", featured: true },
  { title: "Project 4", featured: false },
  { title: "Project 5", featured: true },
  { title: "Project 6", featured: false },
];

const {featuredProjects, openSourceProjects} =  allProjects.reduce((acc,curr) => {
  acc[curr.featured ? 'featuredProjects': 'openSourceProjects'].push(curr)
  return acc
},{featuredProjects:[],openSourceProjects:[]})

console.log(featuredProjects)
console.log(openSourceProjects)

甚至可以将数组用作累加器.作为Deceze，可读性更强 ♦提到过

const allProjects = [
  { title: "Project 1", featured: true },
  { title: "Project 2", featured: false },
  { title: "Project 3", featured: true },
  { title: "Project 4", featured: false },
  { title: "Project 5", featured: true },
  { title: "Project 6", featured: false },
];

const [featuredProjects, openSourceProjects] =  allProjects.reduce((acc,curr) => {
  acc[curr.featured ? 0 : 1].push(curr)
  return acc
},[[],[]])

console.log(featuredProjects)
console.log(openSourceProjects)