javascript配列から要素を削除して問題が発生する

Question

これはなぜ機能していないのか少し不安です。私は配列内の空の文字列をすべて削除しようとしていて、空の文字列の1つだけを返しています。何か案は？

function splitNames(){ 
    var names = document.getElementById("1").value.split("\n"); 
    for(var i = 0; i<=names.length; i++){ 
     if(names[i]==""){ 
      names = names.splice(i, 1); 
      console.log(names); 
     } 
    } 
    console.log(names); 
} 

文字列はこのようになります。

こんにちは

こんにちは

（削除この1）

ボンジュール

何とか

（削除この1）

（削除この1）

何とか配列は、これに出てくる

[「こんにちは」、「こんにちは」、「」、...]

Answer 1

は、おそらくこれを行う最も簡単な方法は、filter機能を使用してtruthyを検索することです値。デフォルトでは、空の文字列はfalseです。

filter（）メソッドは、指定された関数によって実装されたテストに合格するすべての要素を含む新しい配列を作成します。

var strings = ["zebras", "trees", "forests", "", "hi", "wizards", "", "", "lizards"]; 
 

 
strings = strings.filter((e) => e); 
 

 
console.log(strings);

それはデフォルトでは空の文字列が偽であることに注意することが重要です。ただし、空白文字のみを含む文字列は真です。そのシナリオでは、私の例では動作しないでしょうし、あなたはこの

strings.filter((e) => e.trim()); 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Answer 2

function splitNames(){ 
 
    // var names = document.getElementById("1").value.split("\n"); 
 
    var names = "Hi\nHello\n \nGoodBye".split("\n"); 
 
    
 
    var filteredNames = names.filter(function(item){ 
 
    return item.trim() !== ""; 
 
    });//filter 
 
    
 
    return filteredNames; 
 
}//splitNames() 
 

 
console.log(splitNames());

Answer 3

新しい配列を作成し、必要なものを押しをしなければならないでしょう。

function splitNames(){ 
    var names = document.getElementById("1").value.split("\n"); 
    var newArr = []; 

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

    return newArr.join('\n'); 
    //console.log(names); 

} 

Answer 4

それを試してみてください。

function splitNames(){ 

    var names = document.getElementById("1").value.split("\n"); 
    var newArr = names.filter(function(name){ 
     return name!==""; 
    }); 

    return newArr; 
}