


Welche Methoden werden zum Implementieren von Schleifen in Javascript verwendet?
Methoden zum Implementieren von Schleifen: 1. for-Schleifenanweisung; 3. „do while“-Schleifenanweisung; ; 7. filter() Methode; 8. some(); 9. every() und so weiter.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
12 Schleifendurchlaufmethoden in JavaScript
1. for-Schleife
let arr = [1,2,3]; for (let i=0; i<arr.length; i++){ console.log(i,arr[i]) } // 0 1 // 1 2 // 2 3
Die for-Schleife ist das am häufigsten verwendete Schleifenwerkzeug in JS und wird häufig zum Schleifendurchlauf von Arrays verwendet.
2. for in-Schleife
rrreefor in-Schleife wird hauptsächlich zum Durchlaufen gewöhnlicher Objekte verwendet, und obj[i] stellt den entsprechenden Wert dar, wenn es zum Durchlaufen des Arrays verwendet wird. In den meisten Fällen kann derselbe Effekt erzielt werden, Sie sollten dies jedoch nicht tun, da dies riskant ist, da i als Zeichenfolge anstelle des für das Array erforderlichen numerischen Index ausgegeben wird, was bedeutet, dass in einigen Fällen Zeichenfolgenoperationen auftreten. Führend zu Datenfehlern, wie zum Beispiel: '52'+1 = '521' statt der 53, die wir brauchen.
Wenn die for-in-Schleife außerdem nicht nur ihre eigenen Eigenschaften durchläuft, findet sie auch den Prototyp. Daher ist es am besten, dem Schleifenkörper eine Beurteilung hinzuzufügen. Verwenden Sie dazu einfach obj[i].hasOwnProperty(i). um zu vermeiden, dass zu viele unnötige Attribute durchlaufen werden. 3. while-Schleife das Gleiche Ja, aber die for-Schleife kann die Definition, die bedingte Beurteilung sowie die Inkrementierungs- und Dekrementierungsoperationen zur Ausführung in eine Bedingung bringen. Der Code sieht bequemer aus, aber das ist alles.
4. do while-Schleife
let obj = {name:'zhou',age:'**'} for(let i in obj){ console.log(i,obj[i]) } // name zhou // age **
Die do while-Schleife führt zunächst eine Operation durch und führt dann eine bedingte Beurteilung durch es ist falsch, die Schleife wird beendet.
5. Array forEach-Schleifelet cars=["BMW","Volvo","Saab","Ford"]; let i=0; for (;cars[i];) { console.log(cars[i]) i++; }; // BMW // Volvo // Saab // Ford
forEach-Schleife durchläuft jedes Element im Array und nimmt Operationen an. Es gibt keinen Rückgabewert und Sie müssen die Länge des Arrays nicht kennen , nur der erste ist erforderlich und stellt den aktuellen Wert unter dem Index dar.
Bitte beachten Sie auch, dass die forEach-Schleife nicht gestoppt werden kann, bevor alle Elemente aufgerufen wurden. Wenn Sie stoppen müssen, können Sie es mit einer try-catch-Anweisung versuchen, die bei Bedarf einen Fehler auslöst Erzwingen Sie einen Exit-Catch und kehren Sie dann in Catch zurück, damit die Schleife beendet werden kann. Wenn Sie diese Methode häufig verwenden, ist es am besten, eine solche forEach-Funktion in Ihrer Bibliothek anzupassen.6. Array-Map()-Methode
cars=["BMW","Volvo","Saab","Ford"]; var i=0; while (cars[i]) { console.log(cars[i] + "<br>") i++; };map()-Methode gibt ein neues Array zurück, und die Elemente im Array sind die Werte der ursprünglichen Array-Elemente nach dem Aufruf der Funktion.
Hinweis: Die Methoden „map“ und „forEach“ können nur zum Durchlaufen von Arrays verwendet werden, nicht für gewöhnliche Objekte.
7. Array-Filter()-Methode
let i = 3; do{ console.log(i) i--; } while(i>0) // 3 // 2 // 1Die Filtermethode ist eine integrierte Methode des Array-Objekts. Sie gibt die gefilterten Elemente zurück, ohne das ursprüngliche Array zu ändern.
8. Array-some()-Methode
let arr = [1,2,3]; arr.forEach(function(i,index){ console.log(i,index) }) // 1 0 // 2 1 // 3 2
some()-Methode wird verwendet, um zu erkennen, ob die Elemente im Array die angegebenen Bedingungen erfüllen (bereitgestellt durch die Funktion) und einen booleschen Wert zurückgibt, ohne das ursprüngliche Array zu ändern.
9. Array every()-Methodelet arr = [1,2,3]; let tt = arr.map(function(i){ console.log(i) return i*2; }) // [2,4,6]
every()-Methode wird verwendet, um zu erkennen, ob alle Elemente des Arrays die angegebenen Bedingungen erfüllen (bereitgestellt durch die Funktion), einen booleschen Wert zurückzugeben und das Original nicht zu ändern Array.
10. Array-Reduction()-Methodelet arr = [1,2,3]; let tt = arr.filter(function(i){ return i>1; }) // [2,3]
reduce()-Methode empfängt eine Funktion als Akkumulator, und jeder Wert im Array (von links nach rechts) wird reduziert und schließlich als Wert berechnet.
11. Array-reduceRight()-Methodelet arr = [1,2,3]; let tt = arr.some(function(i){ return i>1; }) // true
reduceRight()-Methode hat die gleiche Funktion wie reduce(), sie beginnt mit der Berechnung ab dem Ende des Arrays.
12. for of-Schleifelet arr = [1,2,3]; let tt = arr.some(function(i){ return i>1; }) // 检测数组中元素是否都大于1 // false
Die for of-Schleife ist eine neue Anweisung in Es6, die zum Ersetzen von for in und forEach verwendet wird. Sie ermöglicht das Durchlaufen von Arrays (Arrays), Strings (Strings) und Maps (Maps). Achten Sie bei Mengen (Sets) und anderen iterierbaren (iterierbaren Daten) Datenstrukturen auf deren Kompatibilität. 【Verwandte Empfehlungen:
Javascript-Lern-Tutorial】Das obige ist der detaillierte Inhalt vonWelche Methoden werden zum Implementieren von Schleifen in Javascript verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

React'Slimitationsinsclude: 1) AsteeplearningCurveduetoitsVastecosystem, 2) SeochallengeswithClient-Siderendering, 3) potentialperformanceIssuessinlargeApplications, 4) ComplexStatemanagementasappsgrow und 5)

ReactischalengingforBeginsnersDuetoitsSsteeplearningCurveandaradigmShifttocomponent-basiert

ThecorechalengesingeneratingStableanduniqueKeysfordynamiclistsinReactissenuringConsistentifiersacrossre-Rendersforeffictimupdates.1) UsenaturalkeysWenPossible, astheyarerelableIniqueandstable.2) Generatesynthetikeysbuktipleatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatiipatribbuse

JavaScriptFatigueInreactismanagable WithStrateShust Just-in-TimelearningandCuratedInformationSources.1) lernwhatyouneedwhenyouneedit, FocusingonProjectrelevance.2) FollowerKeyblogsliketheofficialreactblogandengageGaTaNitiesLikeritiesLikeritiesLikeritiesLikeritiesLikeritiesLikeritiesLikeritiesLikeritiesLikeritiesLikeritiesLikeritieslikeritieslikeritieslikeritieslikeritieslikeritieslikeritieslikeritieslikeritäten

TOTESTEACTCOMPONENTENSUSSUSHEUSESTATEHOOK, UseJestandReactestinglibrarytosimulateInteractions undVerifyStatechangesintheui.1)

KeysinReactarecrucialforoptimizingperformancebyaidinginefficientlistupdates.1)Usekeystoidentifyandtracklistelements.2)Avoidusingarrayindicesaskeystopreventperformanceissues.3)Choosestableidentifierslikeitem.idtomaintaincomponentstateandimproveperform

ReactkeysareUniEDIDIFIERSUTEUTSUTEUTWIEDERRENDERINGLISTSTOIMPROVERCONILIATIONEffizienz.1) TheHelPreactrackchangesinlistItitems, 2) Verwenden von StableanduniTheSlikeItemidsisRecopeds, 3) EngitaryIndicesSkeyStopissuesuesuesuors und 4) Enters

UniqueKeysarecrucialinreactforoptimizingRenderingandMaintainingcomponentStateIntegral.1) UseanaturaluniqueIdentifierfromyourdataIFAVAILABALL.2) IFNONATIONIGIDIDIFIFIEREXISTER, ERGENATEAINIQUEUSKEISELSCHAFT.3) Vermeiden Sie arrayindicesexisten, speziell


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor

SublimeText3 Englische Version
Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!

SAP NetWeaver Server-Adapter für Eclipse
Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

MinGW – Minimalistisches GNU für Windows
Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.
