es6配列から空のデータを削除する方法

2 つの方法: 1. for を使用して空の値を持つ要素を検索し、splice() を使用してそれを削除します。構文は "for(i=0;i

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

es6 配列から空のデータを削除する 2 つの方法

方法 1: for ループと splice() 関数を使用する

• #for ループを使用して配列を走査します

• ループ本体で空の値を持つ要素を検索します

• 要素のインデックスに従って、splice() 関数を使用して要素を削除します

実装コード:

//数组去空值
    var arr1=["某某","",3,5,"color","",3,"某某","color",""]
    console.log(arr1)
  //拓展数组去空值的方法
    Array.prototype.removeEmpty=function () {
      for(var i=0;i<this.length;i++){
        if(this[i]==""||typeof(this[i])=="undefind"){
          this.splice(i,1);
          i--;
        }
      }
      return this;
    }
    var arr2=arr1.removeEmpty();

方法 2: filter() 関数を使用して配列をフィルターし、空でない要素を返します。 #filter() 関数はコールバック関数を呼び出して配列要素をフィルターし、条件を満たすすべての要素を返します (返す新しい配列を作成します)

修飾条件を「空のデータではない」に設定するだけです
フィルター条件を設定する関数の書き方

function f(value){
	return (value);
}

filter() 関数を使用してコールバック関数

f(value)

を呼び出し、配列をフィルターします。
実装コード:

//数组去空值
	
function f(v){
	return (v);
}
var arr1=["某某","",3,5,"color","",3,"某某","color",""]
console.log(arr1)
var arr2=arr1.filter(f);
console.log(arr2)

説明: filter() メソッド

filter() メソッド条件を満たす指定された配列内のすべての要素をチェックすることによって要素がチェックされる新しい配列を作成します。

関数: 指定された条件を満たす配列内の要素を返すことができます。

array.filter(function callbackfn(Value,index,array),thisValue)

function callbackfn(Value,index,array)

: コールバック関数。省略できません。最大 3 つのパラメータを受け入れることができます:

value: 現在の配列要素の値。省略できません。
index: 現在の配列要素の数値インデックス。
array: 現在の要素が属する配列オブジェクト。
戻り値は、コールバック関数が true を返すすべての値を含む新しい配列です。コールバック関数が array のすべての要素に対して false を返した場合、新しい配列の長さは 0 になります。

例を通してさらに詳しく見てみましょう: すべての偶数を返します

var a = [2,3,4,5,6,7,8];
function f (value) {
	if (value % 2 == 0) {
		return true;
	}else{
		 return false;
	}
}
var b = a.filter(f);
console.log(b);

出力結果:

[関連する推奨事項:

javascript ビデオ チュートリアル

、プログラミング ビデオ ]

以上がes6配列から空のデータを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。