如何从对象属性数组中删除null

Question

我在组件内使用ngFor。 我有以下目的。

{"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"}]}

这是我在组件中的ngFor：

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

问题是数组中有空对象，所以我无法运行它。 有人可以帮助我，并给我一些提示如何删除它们吗？

谢谢

Answer 1

使用Array#filter摆脱null条目并修改原始对象。

 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); 

Answer 2

使用jquery grep函数。 希望对您有帮助。

YourArray = jQuery.grep（YourArray，function（n，i）{

return（n！=“” && n！= null）;

}）;