Intersecting array of objects in Javascript [duplicate]

Question

I have the following object that contains two arrays inside:

const response = {
  "layers": [{
      "layer": "test5",
      "perms": {
        "group_id": 1,
        "layer_id": 60
      }
    },
    {
      "layer": "test6",
      "perms": {
        "group_id": 1,
        "layer_id": 61
      }
    },
    {
      "layer": "test7",
      "perms": {
        "group_id": 1,
        "layer_id": 71
      }
    },
    {
      "layer": "test8",
      "perms": {
        "group_id": 1,
        "layer_id": 76
      }
    }
  ],
  "perms": [{
      "layer": "test6",
      "perms": {
        "group_id": 2,
        "layer_id": 61
      }
    },
    {
      "layer": "test7",
      "perms": {
        "group_id": 2,
        "layer_id": 71
      }
    },
    {
      "layer": "test8",
      "perms": {
        "group_id": 2,
        "layer_id": 76
      }
    }
  ],
  "status": "open"
}

I want to compare both layers and perms and if their layer key is the same then add a new key called check = true otherwise check = false

Here is how I did:

const layers = response.layers
const perms = response.perms
layers.map(layer => {
  perms.filter(perm => {
    if (layer.layer === perm.layer) {
      layer.check = true
    } else {
      layer.check = false
    }
  })
})
return layers

I want to get the following:

"layers": [{
      "layer": "test5",
      "perms": {
        "group_id": 1,
        "layer_id": 60
      },
      "check": false
    },
    {
      "layer": "test6",
      "perms": {
        "group_id": 1,
        "layer_id": 61
      },
      "check": true
    },
    {
      "layer": "test7",
      "perms": {
        "group_id": 1,
        "layer_id": 71
      },
      "check": true
    },
    {
      "layer": "test8",
      "perms": {
        "group_id": 1,
        "layer_id": 76
      },
      "check": true
    }
  ]

jitender · Accepted Answer · 2022-10-28 08:37:08Z

Try this

const response = {
  "layers": [{
      "layer": "test5",
      "perms": {
        "group_id": 1,
        "layer_id": 60
      }
    },
    {
      "layer": "test6",
      "perms": {
        "group_id": 1,
        "layer_id": 61
      }
    },
    {
      "layer": "test7",
      "perms": {
        "group_id": 1,
        "layer_id": 71
      }
    },
    {
      "layer": "test8",
      "perms": {
        "group_id": 1,
        "layer_id": 76
      }
    }
  ],
  "perms": [{
      "layer": "test6",
      "perms": {
        "group_id": 2,
        "layer_id": 61
      }
    },
    {
      "layer": "test7",
      "perms": {
        "group_id": 2,
        "layer_id": 71
      }
    },
    {
      "layer": "test8",
      "perms": {
        "group_id": 2,
        "layer_id": 76
      }
    }
  ],
  "status": "open"
};

var newObj=response.layers.map(l=> {
var check=response.perms.some(p=> p.layer == l.layer);
return {...l,check}
})

console.log(newObj)

Fralle · Accepted Answer · 2022-10-28 08:41:29Z

1

Something like this

function intersectLayers(response) {
  const layers = response.layers;
  const perms = response.perms;
  layers.map(layer => {
    layer.check = perms.some(perm => perm.layer === layer.layer);
    return layer;
  });
  return layers;
}

answered Oct 28, 2022 at 8:41

Fralle

9456 silver badges12 bronze badges

Collectives™ on Stack Overflow

Intersecting array of objects in Javascript [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related