根据数组值获取子数组

Question

我有一个 categories 数组：

{id: 1, catName: "test", subCategories: Array(2)}

根据 category 的 id，我需要检索出 subCategories 数组。

下面的代码会返回整个 category 对象，如何修改代码使其只返回 subCategories 数组呢？

  const subCategories = categoriesWithSub.filter(category => {
    return category.id === departments.catId;
  });

- user3378165

---

我有一个类别数组...它看起来像是一个对象，而不是一个数组。 - hindmost

Answer 1

解构一个 find 调用：

const { subCategories } = categoriesWithSub.find(({ id }) => id === departments.catId);

- Jack Bashford

Answer 2

使用 Array#find 获取对象，然后使用 点符号或方括号符号 获取数组。

const subCategories = (categoriesWithSub.find(category => {
  return category.id === departments.catId;
}) || {}).subCategories; // if find returns undefined then use an empty object to avoid error, alternately you can use if condition

- Pranav C Balan

Answer 3

你可以使用reduce。最初的回答。

const subCategories = categoriesWithSub.reduce((acc, category) => {
  if (category.id === departments.catId) {
    return acc.concat(category. subCategories)
  }
  return acc;
}, []);

顺便提一下，reduce是一个非常强大的工具。 find、map、forEach和filter都像是针对特定任务的reduce的速记版本。

- hackape

Answer 4

尝试这个：

试试这个：

let categories = [ {id: 1, catName: "test", subCategories: ["test1","test2"]}, {id: 2, catName: "test", subCategories: Array(2)} ]
let departments = { catId: 1 }
const subCategories = categories.find(category => {
    return category.id === departments.catId;
  }).subCategories;
console.log( subCategories );

- Reza

---

filter会返回一个数组，因此subCategories将未定义。[0].subCategories;这样做就可以了，但是你需要确保filter始终产生结果。 - Tim VN

Answer 5

试试这个

function getSubCategory() {
        var categoriesWithSub = [{ id: 1, catName: "test", subCategories: ["test1","test2"] }, { id: 2, catName: "test", subCategories: ["test1","test2"] }]
        var catId = 1;

        for (var category = 0; category < categoriesWithSub.length; category++) {
             if (categoriesWithSub[category].id == catId)
                return categoriesWithSub[category].subCategories;
        }
    }

- Mofaggol Hoshen