suchen
HeimWeb-FrontendFront-End-Fragen und AntwortenWelche 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.

Welche Methoden werden zum Implementieren von Schleifen in Javascript verwendet?

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

rrree

for 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:&#39;zhou&#39;,age:&#39;**&#39;}
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-Schleife

let 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
// 1
Die 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()-Methode

let 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()-Methode

let 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()-Methode

let 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-Schleife

let 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!

Stellungnahme
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
Was sind die Einschränkungen des Reags?Was sind die Einschränkungen des Reags?May 02, 2025 am 12:26 AM

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

Reacts Lernkurve: Herausforderungen für neue EntwicklerReacts Lernkurve: Herausforderungen für neue EntwicklerMay 02, 2025 am 12:24 AM

ReactischalengingforBeginsnersDuetoitsSsteeplearningCurveandaradigmShifttocomponent-basiert

Erzeugen Sie stabile und eindeutige Schlüssel für dynamische Listen in ReactErzeugen Sie stabile und eindeutige Schlüssel für dynamische Listen in ReactMay 02, 2025 am 12:22 AM

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

JavaScript Müdigkeit: Strom mit React und seinen Werkzeugen auf dem Laufenden bleibenJavaScript Müdigkeit: Strom mit React und seinen Werkzeugen auf dem Laufenden bleibenMay 02, 2025 am 12:19 AM

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

Testen von Komponenten, die den Usestate () -Haken verwendenTesten von Komponenten, die den Usestate () -Haken verwendenMay 02, 2025 am 12:13 AM

TOTESTEACTCOMPONENTENSUSSUSHEUSESTATEHOOK, UseJestandReactestinglibrarytosimulateInteractions undVerifyStatechangesintheui.1)

Schlüssel in React: Ein tiefes Eintauchen in die LeistungsoptimierungstechnikenSchlüssel in React: Ein tiefes Eintauchen in die LeistungsoptimierungstechnikenMay 01, 2025 am 12:25 AM

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

Was sind Schlüssel in React?Was sind Schlüssel in React?May 01, 2025 am 12:25 AM

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

Die Bedeutung einzigartiger Schlüssel in React: Vermeidung häufiger FallstrickeDie Bedeutung einzigartiger Schlüssel in React: Vermeidung häufiger FallstrickeMay 01, 2025 am 12:19 AM

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

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

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

Heiße Werkzeuge

Herunterladen der Mac-Version des Atom-Editors

Herunterladen der Mac-Version des Atom-Editors

Der beliebteste Open-Source-Editor

SublimeText3 Englische Version

SublimeText3 Englische Version

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

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

PHPStorm Mac-Version

PHPStorm Mac-Version

Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

MinGW – Minimalistisches GNU für Windows

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.