how to remove null from object property array

Question

I am using ngFor within component. I have the following object.

{"name":"name_text","values":[null,{"id":1,"text":"text1"},{"id":2,"text":"text2"},{"id":3,"text":"text3"},null,{"id":5,"text":"text5"},{"id":6,"text":"text6"},{"id":7,"text":"text7"}]}

this is my ngFor in component:

<option *ngFor="let val of enumeration.values" value="{{val}}">{{val["text"]}}</option>

Problem is that there are null objects in array so i am unable to run it. Can somebody help me and give me some hints how can i remove them?

Thanks

Try to do first filter the array and then use the ngFor <option *ngFor="let val of enumeration.values.filter(val => val !== null)" value="{{val}}">{{val["text"]}}</option> — galvan
– galvan, Commented Apr 24, 2017 at 12:17

kind user · Accepted Answer · 2017-04-24 12:40:08Z

2

Use Array#filter to get rid of the null entries and modify the original object.

var obj = {"name":"name_text","values":[null,{"id":1,"text":"text1"},{"id":2,"text":"text2"},{"id":3,"text":"text3"},null,{"id":5,"text":"text5"},{"id":6,"text":"text6"},{"id":7,"text":"text7"}]},
    res = obj.values.filter(v => v);
    obj.values = res;

    console.log(obj);

edited Apr 24, 2017 at 12:40

answered Apr 24, 2017 at 12:18

kind user

42k8 gold badges69 silver badges78 bronze badges

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

7 Comments

GibboK Over a year ago

Nice use of .values()

Martin Fric Over a year ago

this.enumeration = data.get(enumName); this.enumeration.values = this.enumeration.values.filter(v => v); says there is no such a property "filter"

kind user Over a year ago

@MartinFric There's no such property 'filter' or 'filter' is not a function?

Martin Fric Over a year ago

property "filter" does not exist on type "Object". cause enumeration is object which has property as array of objects. maybe i need to remove array from object filter it and then rewrite to object?

kind user Over a year ago

@MartinFric Try to assign the filtered array to a newly made res variable and then assign it to the values array (look at my edit).

|

Vinoth · Accepted Answer · 2017-04-24 12:24:20Z

0

Use the jquery grep function. Hope it helps you.

YourArray = jQuery.grep(YourArray, function(n, i){

return (n != "" && n!= null);

});

answered Apr 24, 2017 at 12:24

Vinoth

112 bronze badges

2 Comments

Martin Fric Over a year ago

dont want to add jquery to my node modules.

Vinoth Over a year ago

If that is the case, please try filtering your array in server side itself so that, you will not have to bother about null values in client side.

Collectives™ on Stack Overflow

how to remove null from object property array

2 Answers 2

7 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related