Heim >Web-Frontend >js-Tutorial >Was sind die Hauptschleifen in Javascript?
Die Hauptschleifen in JavaScript sind: 1. for-Schleife; 3. forEach-Schleife; 6. Object.keys durchläuft die Eigenschaften von das Objekt.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
In der Projektentwicklung ist unabhängig davon, auf welchem Framework sie aufbaut, eine Datenverarbeitung erforderlich, und die Verarbeitungsdaten können nicht von verschiedenen Durchlaufschleifen getrennt werden. Es gibt viele Möglichkeiten, in JavaScript eine Schleife durchzuführen. Hier sind einige gängige js-Schleifen.
1. for-Schleife
Die for-Schleife sollte die gebräuchlichste und am häufigsten verwendete Schleifendurchlaufmethode sein, daher sind ihre Lesbarkeit und Wartungsfreundlichkeit relativ schlecht, sie kann jedoch mit der Zeit aus der Schleife ausbrechen.
let arr = [1,2,3,4,5,6,7]for(let i = 0;i<arr.length;i++){ console.log(arr[i]) }// 1,2,3,4,5,6,7
2. for...in
Die for...in-Schleife dient hauptsächlich zum Durchlaufen von Objekten. Wenn Sie den entsprechenden Schlüsselwert eines Objekts erhalten möchten, ist es bequemer, for...in
zu verwenden//针对对象来说 //任何对象都继承了Object对象,或者其它对象,继承的类的属性是默认不可遍历的, //for... in循环遍历的时候会跳过,但是这个属性是可以更改为可以遍历的,那么就会造成遍历到不属于自身的属性。 //结合使用hasOwnProperty方法,在循环内部判断一下,某个属性是否为对象自身的属性。否则就可以产生遍历失真的情况。 let obj = {name: 'xiaohua', sex: 'male', age: '28'} for(let key in obj){ if(obj.hasOwnProperty(key)){ console.log(obj[key]) } }
3 , map
Die Map-Methode übergibt nacheinander alle Mitglieder des Arrays an die Parameterfunktion und gibt dann die Ergebnisse jeder Ausführung in ein neues Array zurück. Die Schleife kann nicht in der Mitte gestoppt werden und alle Mitglieder werden immer durchlaufen.
let arr = [1,2,3,4,5] let arr2 = arr.map((n)=>{ return n+1 }) console.log(arr2) // [2,3,4,5,6] console.log(arr) // [1,2,3,4,5]
Die Map-Methode akzeptiert eine Funktion als Parameter. Wenn diese Funktion aufgerufen wird, übergibt ihr die Kartenmethode drei Parameter: das aktuelle Mitglied, die aktuelle Position und das Array selbst.
let arrObj = [{ id: 1, name: 'xiaohua' },{ id:2, name: 'xiaomin' },{ id:3, name: 'xiaobai' }] arrObj.map((item,index,arr)=>{ console.log(arr) // arrObj console.log(index) // 0 1 2 console.log(item.name) // xiaohua xiaomin xiaobai })
4. forEach
Die Verwendung von forEach ähnelt der Verwendung von map, mit der Ausnahme, dass die forEach-Methode keinen Wert zurückgibt, sondern nur zum Bearbeiten von Daten verwendet wird und die Schleife nicht in der Mitte gestoppt werden kann Alle Mitglieder werden immer durchlaufen
let arrObj = [{ id: 1, name: 'xiaohua' },{ id:2, name: 'xiaomin' },{ id:3, name: 'xiaobai' }] arrObj.forEach((item,index,arr)=>{ console.log(arr) // arrObj console.log(index) // 0 1 2 console.log(item.name) // xiaohua xiaomin xiaobai })
5. Filterschleife
Die Filtermethode wird zum Filtern von Array-Mitgliedern verwendet. Die Mitglieder, die die Bedingungen erfüllen, bilden ein neues Array und geben es zurück. Sein Parameter ist eine Funktion, alle Array-Mitglieder führen die Funktion nacheinander aus, und die Mitglieder, deren Rückgabeergebnis wahr ist, bilden ein neues Array und geben es zurück. Diese Methode verändert das ursprüngliche Array nicht.
let arrObj = [{ id: 1, name: 'xiaohua' },{ id:2, name: 'xiaomin' },{ id:3, name: 'xiaobai' }] let arr2 = arrObj.filter((item,index,arr)=>{ return (item.name === 'xiaohua') }) console.log(arr2) // [{id:1,name:'xiaohua}]
Die Filtermethode in der Array-Klasse in ECMAScirpt5 wird verwendet, um alle Elemente vom Typ „falsch“ (falsch, null, undefiniert, 0, NaN oder eine leere Zeichenfolge) zu entfernen:
let arr = [3, 4, 5, 2, 3, undefined, null, 0, ""]; let arrNew = arr.filter(Boolean); console.log(arrNew) // [3, 4, 5, 2, 3]
Boolean ist eine Funktion, die die Elemente durchläuft im Array und geben Sie entsprechend dem wahren oder falschen Typ des Elements „true“ oder „false“ zurück. 6. Object.keys durchläuft die Eigenschaften des Objekts.
Der Parameter der Object.keys-Methode ist ein Objekt und gibt ein Array zurück . Die Mitglieder dieses Arrays sind alle Eigenschaftsnamen des Objekts selbst (nicht geerbt) und es werden nur aufzählbare Eigenschaften zurückgegeben.
let obj = {name: 'xiaohua', sex: 'male', age: '28'} console.log(Object.keys(obj)) // ["name", "sex", "age"]
Um festzustellen, ob ein Objekt ein leeres Objekt ist, können Sie Object.keys(obj).length>0
[Empfohlenes Lernen:
Javascript-Tutorial für FortgeschritteneDas obige ist der detaillierte Inhalt vonWas sind die Hauptschleifen in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!