Traverse array and take empty widgets

Question

I have this array:

{data: Array(5)}
data: Array(5)
0: {tag: " "}
1: {tag: "a"}
2: {tag: "b"}
3: {tag: "c"}
4: {tag: "  "}
length: 5

how do I go through the array and take out the empty elements?

ex:

{data: Array(5)}
    data: Array(5)
    1: {tag: "a"}
    2: {tag: "b"}
    3: {tag: "c"}
    length: 5

"Empty" would be white elements.

Answer 1

You can use the filter that returns a filtered array according to the criteria you want. In this case it is sufficient that the criterion is applied with the trim to cut the blanks and ensure at least one trim:

const arr = [{tag:" "}, {tag:"a"}, {tag:"b"}, {tag:"c"}, {tag:"  "}];

const filtrado = arr.filter(x => x.tag.trim().length > 0);
console.log(filtrado);

Of course you can also make a normal loop/loop with a for for example and go testing with a if and adding to a new array if it is not empty, but ends up representing the same logic as the filter already follows.

As commented by @fernandosavio on filter true return to keep the element or false to delete. As a string empty is a falsy value, and a string with content is a Truthy value can use the string coming out of trim directly:

const filtrado = arr.filter(x => x.tag.trim());