How to filter array of objects in javascript?

Question

Here is my input :

const data = [
  { group: [{ label: "Can View" }, { label: "Can Create" }] },
  { topgroup: [{ label: "Can View" }, { label: "Can Create" }] },
  { emptyGorup: [] }
];

I am converting array of object to object by using this code

method 1 :

let permissions =
  data &&
  data.reduce((a, b) => {
    const onlyKey = Object.keys(b)[0];
    a[onlyKey] = b[onlyKey].map(i => i.value);
    return a;
  }, {});

//Output : {group:["can view","can create"],topgroup:["can view","can create"],emptygroup:[]}

My question is that I don't want to get object property if Object property is empty []. For example, In my output, I can see object property emptygroup is [].

 {emptygroup:[]}.

My expected output will be if emptygroup is []

//Output : {group:["can view","can create"],topgroup:["can view","can create"]}

How can I do this ?

why is "can create" not in group (your expected output) when group has an object with the label of "can create" — Nick Parsons
– Nick Parsons, Commented Mar 23, 2020 at 10:59

User863 · Accepted Answer · 2020-03-23 10:54:55Z

3

Try checking the length of the array

const permissionData = [
  { group: [{ label: "Can View" }, { label: "Can Create" }] },
  { topgroup: [{ label: "Can View" }, { label: "Can Create" }] },
  { emptyGorup: [] }
];

let permissions =
  permissionData &&
  permissionData.reduce((a, b) => {
    const onlyKey = Object.keys(b)[0];
    if(b[onlyKey].length) {
      a[onlyKey] = b[onlyKey].map(i => i.label);
    }
    return a;
  }, {});
  
console.log(permissions)

answered Mar 23, 2020 at 10:54

User863

20.1k3 gold badges20 silver badges45 bronze badges

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

1 Comment

sujon Over a year ago

can you look this ? stackoverflow.com/questions/60829455/…

Code Maniac · Accepted Answer · 2020-03-23 10:56:22Z

2

You can extend your current code. After you get the object you can filter out the key with empty array using filter and build object again from filtered values

let obj = {
  group: ["can view"],
  topgroup: ["can view", "can create"],
  emptygroup: []
}

let finalObj = Object.fromEntries(Object.entries(obj).filter(([key, value]) => Array.isArray(value) && value.length))

console.log(finalObj)

answered Mar 23, 2020 at 10:56

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

1 Comment

sujon Over a year ago

can you look this ? I am trouble to solve this problem stackoverflow.com/questions/60829455/…

bashkovpd · Accepted Answer · 2020-03-23 10:52:19Z

1

You can add a condition in reduce:

let permissions =
  permissionData &&
  permissionData.reduce((a, b) => {
    const onlyKey = Object.keys(b)[0];
    if (a[onlyKey]) {
      a[onlyKey] = b[onlyKey].map(i => i.value);
    }
    return a;
  }, {});

answered Mar 23, 2020 at 10:52

bashkovpd

5982 gold badges8 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to filter array of objects in javascript?

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related