javascript - 配列から空の値を単純に削除する - javascript

Question

以前の 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 に等しくする必要があり、値を保持するだけです。newArray に空の文字列""があってはなりません。

前もって感謝します。

Answer 1

|| の代わりに && を使用します。

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,,, 

Answer 2

|| の代わりに && を使用します。

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

Answer 3

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