简单地从数组中删除空值 - javascript

时间:2013-04-23 08:39:01

标签: javascript

我看过以前的Q / A,但我没有找到太多帮助。主要是因为我不明白编码的是什么。

我只想删除数组中的所有空值。

我的简单方法 - 这不起作用!

我的代码是 -

var colors = [a, b, c, d, e, f];
var newArray = [];
for (var i = 0; i < colors.length; i++) {
  if (colors[i] !== 'undefined' || colors[i] !== null || colors[i] !== "") {
    newArray.push(colors[i]);
  }
}
console.log(newArray.length); // == 6 
console.log(newArray) //== yellow,blue,red,,,

我原以为我的if语句会过滤所有带有值的元素并继续推送到我的新数组。 我真的需要newArray长度等于3并且只保持vales,noArray中不应该有空字符串""

提前谢谢。

5 个答案:

答案 0 :(得分:4)

使用&amp;&amp;而不是||:

var colors = ["yellow", "","red", "blue", "", ""];
var newArray = [];
for (var i = 0; i < colors.length; i++) {
  if (colors[i] !== undefined && colors[i] !== null && colors[i] !== "") {
    newArray.push(colors[i]);
  }
 }
console.log(newArray.length); // == 3 
console.log(newArray) //== yellow,blue,red,,, 

答案 1 :(得分:2)

使用&amp;&amp;而不是||:

var colors = ["yellow", "","red", "blue", "", ""];
var newArray = [];
for (var i = 0; i < colors.length; i++) {
  if (colors[i] !== undefined && colors[i] !== null && colors[i] !== "") {
    newArray.push(colors[i]);
  }
 }
console.log(newArray.length); // == 3 
console.log(newArray) //== yellow,blue,red,,, 

对于您的用例,您也可以使用

for (var i = 0; i < colors.length; i++) {
  if (colors[i]) {
    newArray.push(colors[i]);
  }
 }

这将过滤掉任何虚假值。 虚假价值包括

false
0
""
null
undefined
NaN

答案 2 :(得分:1)

您可以简单地使用颜色[i]进行存在检查,

var colors = ["yellow", "","red", "blue", "", "", true, 1];
var newArray = [];
for (var i = 0; i < colors.length; i++) {
    if (typeof colors[i] == 'string' && colors[i]) {
        newArray.push(colors[i]);
    }
}
console.log(newArray) //["yellow", "red", "blue"]

相关资源javascript type conversion

希望这会有所帮助。

答案 3 :(得分:0)

如果'false'值很重要,那么:

var colors = [0,1,'a',,'',null,undefined,false,true];
    colors = colors.filter(function(e){
        return (e===undefined||e===null||e==='')?false:~e;
    });

否则:

var colors = [0,1,'a',,'',null,undefined,false,true];
        colors = colors.filter(function(e){return e;});

答案 4 :(得分:0)

var colors = ["yellow", null, "blue", "red", undefined, 0, ""];

// es5:
var newArray = colors.filter(function(e){return !!e;});

// es6:
var newArray = colors.filter((e)=>!!e);

console.log(newArray.length); // ==> 3
console.log(newArray) // ==> ["yellow","blue","red"]