How to remove empty array in filter

Question

I have an array of object like this

let arr = [{
 user: 1,
 details: 'sample' },
{
 user: null,
 details: 'sample' },
{
 user: 3,
 details: 'sample' }];

I want to filter out the null user. But when I tried to map the array I get this result.

[user1, [], user3]

I want to get rid of the [] so I can get the correct data and length. How can I achieve this in Javascript?

Please show us the code – Aluan Haddad Jul 19 '20 at 06:55 — Aluan Haddad, Jul 19 '20 at 06:55

CodeNinja · Answer 1 · 2020-07-19T07:10:07.690

4

You can try this, the condition inside the filter will check if user inside each item is a truthy value or not. So added advantage is you can remove out users having user as undefined or "" or null from the original array

  const users = [
    { user: 1, details: "sample" },
    {user: null, details: "sample"},
    {user: 3, details: "sample"}
  ];

const result = users.filter((item) => item.user);
console.log(result);

edited Jul 19 '20 at 07:10

answered Jul 19 '20 at 07:04

CodeNinja

41
3

Note that `{ user: 0, details:"sample" }` will be removed too. – SLePort Jul 19 '20 at 07:27

Predrag Davidovic · Answer 2 · 2020-07-19T07:10:02.473

2

const users = 
    [{
      user: 1,
      details: 'sample' },
    {
      user: null,
     details: 'sample' },
    {
     user: 3,
     details: 'sample' 
    }]

Easiest way:

const newUsers = users.filter(item => item.user)

edited Jul 19 '20 at 07:10

answered Jul 19 '20 at 07:03

Predrag Davidovic

1,411
1
17
20

score 1 · Answer 3 · answered Jul 19 '20 at 06:56

Below snippets are from w3docs.

To remove empty elements from a JavaScript Array, the filter() method can be used, which will return a new array with the elements passing the criteria of the callback function.

The filter() method creates an array filled with all array elements that pass a test. To remove null or undefined values do the following:

const array = [0, null, 1, "", 2, undefined, 2, , , , , 4, , 4, , 5, , 6, , , , ];
const arrFiltered = array.filter(el => {
  return el != null && el != '';
});
console.log(arrFiltered);

score 0 · Answer 4 · answered Jul 19 '20 at 06:56

 const data = ["user1", [], "user3"];
 const res = data.filter(
        (item) => item !== Array.isArray(item) && item.length
      );
 console.log(res);

First check if your element is an array Array.isArray(item) and then check if you array has length, if no it means it is an empty and we can filter it.

score 0 · Answer 5 · answered Jul 19 '20 at 07:04

0

You can use filter like that,

  yourArr = yourArr.filter(element => element.user != null);

see the attached image it contains the answer

answered Jul 19 '20 at 07:04

Emad Abdou

277
1
7

How can you achieve the same without a filter? – David Garcia Feb 24 '22 at 09:19

score 0 · Answer 6 · answered Jul 19 '20 at 07:08

0

I hope this will help you.

var arr = [{ user: 1, details: 'sample' }, { user: null, details: 'sample' }, { user: 3, details: 'sample' }];
var result = arr2.filter(el => el.user !== null);

answered Jul 19 '20 at 07:08

Sayan Chatterjee

1

score -1 · Answer 7 · answered Jul 19 '20 at 06:58

-1

You can use:

var newArray = array.filter(value => Object.keys(value).length !== 0);

answered Jul 19 '20 at 06:58

Prabesh Gouli

413
3
11

Downvoted becuase if you use the `const array = [0, null, 1, "", 2, undefined, 2, , , , , 4, , 4, , 5, , 6, , , , ];` from https://stackoverflow.com/a/62977205/446954 above, this function raises a `Uncaught TypeError: Cannot convert undefined or null to object` exception. – webdevguy Sep 14 '22 at 19:45

How to remove empty array in filter

7 Answers7