Remove an array value from within an array of objects

Question

I have an array that looks like this:

const updatedUsersInfo = [
  {
    alias: 'ba',
    userId: '0058V00000DYOqsQAH',
    username: '[email protected]',
    permissionSets: [
      'X00e8V000000iE48QAE',
      'SCBanquetAccess',
      'SCViewOnlyPermission'
    ]
  },
  {
    alias: 'cs',
    userId: '0058V00000DYOqtQAH',
    username: '[email protected]',
    permissionSets: [ 'X00e8V000000iE45QAE', 'SCCorpAdmin', 'SEAdmin' ]
  }
]

I need to remove from the embedded permissionSets array just the value that starts with 'X00' and looks like this after.

const updatedUsersInfo = [
  {
    alias: 'ba',
    userId: '0058V00000DYOqsQAH',
    username: '[email protected]',
    permissionSets: [
      'SCBanquetAccess',
      'SCViewOnlyPermission'
    ]
  },
  {
    alias: 'cs',
    userId: '0058V00000DYOqtQAH',
    username: '[email protected]',
    permissionSets: [ 'SCCorpAdmin', 'SEAdmin' ]
  }
]

I have tried many ways to achieve this, however, no matter which way I do it I get a variable 'undefined'

Here is some of the ways I have attempted this:

let test = updatedUsersInfo.forEach((element => element['permissionSets'].filter((permissionSet) => !permissionSet.includes('X00'))));


let test2 = updatedUsersInfo.forEach(element => {
    element['permissionSets'].filter((permissionSet) => {
      return !permissionSet.includes('X00')
    });
  });

I have also tried to splice but it also returned an error stating the array could not be spliced. I am primarily a C# developer and typescript is an entirely new ball field for me so any help would be great!

You also need to actually produce your new object, possibly via spread, like this. — jcalz
– jcalz, Commented Sep 21, 2022 at 19:07
Finally, you say "starts with" but used includes(). There is a startsWith(), is that what you want? — jcalz
– jcalz, Commented Sep 21, 2022 at 19:08

Mushroomator · Accepted Answer · 2022-09-21 19:13:59Z

1

You should use map() and filter() to treat the object as immutable (i.e. a data object should not be changed after its creation).

You should not use includes("X00") as it will also match strings like beforeX00after but you only want to remove those starting with X00. Use startsWith("X00") instead.

const updatedUsersInfo = [
  {
    alias: "ba",
    userId: "0058V00000DYOqsQAH",
    username: "[email protected]",
    permissionSets: [
      "X00e8V000000iE48QAE",
      "SCBanquetAccess",
      "SCViewOnlyPermission",
    ],
  },
  {
    alias: "cs",
    userId: "0058V00000DYOqtQAH",
    username: "[email protected]",
    permissionSets: ["X00e8V000000iE45QAE", "SCCorpAdmin", "SEAdmin"],
  },
];

const updated = updatedUsersInfo.map((info) => ({
  ...info,
  permissionSets: info.permissionSets.filter((p) => !p.startsWith("X00")),
}));

console.log(JSON.stringify(updated, null, 4))

/* StackOverflow snippet: console should overlap rendered HTML area */
.as-console-wrapper { max-height: 100% !important; top: 0; }

This implementation uses the spread syntax introduced with ES6 as well as rest properties to create new objects from existing object while updating a property.

edited Sep 21, 2022 at 19:13

answered Sep 21, 2022 at 19:07

Mushroomator

9,6481 gold badge25 silver badges44 bronze badges

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

1 Comment

Nicole Phillips Over a year ago

You my friend are a life saver. I was about ready to throw my laptop off the roof. Worked like a charm. Thank you!

Collectives™ on Stack Overflow

Remove an array value from within an array of objects

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related