How to Simplify Nested Map in Javascript

Question

blocks.map((item) => {
    return item.SubCategory.map((subItem) => {
      return subItem.modal.map((modal) => {
        let Blocks = selectedBlock === item.Category;
        let SubBlocks = selectedSubBlock === subItem.id;

        if (SubBlocks && Blocks) {
          return bm.add(modal.id, {
            label: modal.label,
            content: modal.content,
          });
        }

        return null;
      });
    });
  });

How Can we Access modal Array Without Nesting it any Possibilities Like Using Lodash Object Methods to Access the Required Key get(val, 'val.val.val') is there any Option to do Like this in Array Methods

kalkronline · Accepted Answer · 2022-10-17 20:58:34Z

1

You are looking for Array.prototype.flat

let modals = ["modal1", "modal2", "modal3"];
let subitems = [modals, modals, modals];
let items = [subitems, subitems, subitems];
let blocks = [items, items, items];

let modals_only = blocks.flat(3);
console.log(modals_only) // Array(81) [ "modal1", "modal2", "modal3", ... ]

In your scenario, I would write

blocks.flat(3).map(block => {
    //...
});

answered Oct 17, 2022 at 20:58

kalkronline

7645 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to Simplify Nested Map in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related