So entfernen Sie leere Daten aus dem es6-Array

青灯夜游
Freigeben: 2022-10-20 17:10:22
Original
3096 Leute haben es durchsucht

Zwei Methoden: 1. Verwenden Sie for, um das Element mit einem leeren Wert zu finden, und verwenden Sie splice(), um es zu löschen. Die Syntax lautet „for(i=0;i

So entfernen Sie leere Daten aus dem es6-Array

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer. Zwei Methoden zum Entfernen leerer Daten aus dem ES6-Array Schleifenkörper als leere Elemente

Verwenden Sie die Funktion splice(), um das Element basierend auf seinem Index zu entfernen

Implementierungscode:

//数组去空值
    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();
Nach dem Login kopieren

  • Methode 2: Verwenden Sie die Funktion filter(), um das Array zu filtern , und die Rückgabe ist nicht leer. Die Elementfunktion

  • filter() ruft eine Rückruffunktion auf, um die Array-Elemente zu filtern und alle Elemente zurückzugeben, die die Bedingung erfüllen (erstellen Sie ein neues Array für die Rückgabe).

  • Legen Sie einfach die Bedingung fest um „Daten nicht zu leeren“, also

So schreiben Sie eine Funktion, die Filterbedingungen festlegt

function f(value){
	return (value);
}
Nach dem Login kopieren

Verwenden Sie die Funktion filter(), um eine Rückruffunktion f(value) aufzurufen, um das Array zu filtern .

So entfernen Sie leere Daten aus dem es6-Array

Implementierungscode:

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

Beschreibung: filter()-Methode

  • filter()-Methode erstellt ein neues Array. Die Elemente im neuen Array werden auf alle Elemente im angegebenen Array überprüft, die die Bedingungen erfüllen.

    Funktion: Sie können Elemente im Array zurückgeben, die bestimmte Bedingungen erfüllen.
  • array.filter(function callbackfn(Value,index,array),thisValue)
    Nach dem Login kopieren
function callbackfn(Value,index,array): Eine Callback-Funktion, die nicht weggelassen werden kann. Sie kann bis zu drei Parameter akzeptieren:

f(value)来过滤数组即可。

实现代码:

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);
Nach dem Login kopieren

So entfernen Sie leere Daten aus dem es6-Array

说明:filter() 方法

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

作用:可以返回数组中满足指定条件的元素。

rrreee

function callbackfn(Value,index,array)
value: der Wert des aktuellen Arrays Element, das nicht weggelassen werden kann.

  • index: Der numerische Index des aktuellen Array-Elements.

  • array: das Array-Objekt, zu dem das aktuelle Element gehört.

  • Der Rückgabewert ist ein neues Array, das alle Werte enthält, für die die Callback-Funktion true zurückgibt. Wenn die Rückruffunktion für alle Elemente des Arrays „false“ zurückgibt, beträgt die Länge des neuen Arrays 0.

  • Lassen Sie uns anhand von Beispielen mehr darüber erfahren: Alle geraden Zahlen zurückgeben
rrreee

Ausgabeergebnisse:

[Verwandte Empfehlungen:

Javascript-Video-TutorialSo entfernen Sie leere Daten aus dem es6-Array,

Programmiervideo

]

Das obige ist der detaillierte Inhalt vonSo entfernen Sie leere Daten aus dem es6-Array. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage