Tag / Tage des Codes: Die iterative Kraft von JavaScript nutzen

Fr, 6. September 2024

Hallo zusammen! ?

In einer Demonstration der JavaScript-Fähigkeiten verwendet das heutige Projekt einer Grammatikprüfung iterative Methoden wie .forEach(), .map() und .filter(), um die Transformation und das Durchlaufen von Arrays zu erleichtern und die Stärke und Geschmeidigkeit von zu demonstrieren Die iterative Kraft von JavaScript.

Zuerst erhalten wir eine Kurzgeschichte als String; Dann wird die Geschichte in eine Reihe von Wörtern aufgeteilt, die durch Leerzeichen getrennt sind:

let story = 'Last weekend, I took literally the most beautifull bike ride of my life. The route is called "The 9W to Nyack" and it stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it literally took me an entire day. It was a short stop, though, because I had a freaking long way to go. After a quick photo op at the very popular Little Red Lighthouse I began my trek across the George Washington Bridge into New Jersey. The GW is a breathtaking 4,760 feet long!.[edited for brevity]';

let storyWords = story.split(' ');

Als nächstes folgt die Rechtschreib- und Grammatikprüfung. Bei diesen Beispielen handelt es sich um einzelne Wörter, obwohl dies um eine .map() mit häufigen Rechtschreibfehlern und Sprachmustern erweitert werden könnte:

let unnecessaryWord = 'literally';
let misspelledWord = 'beautifull';
let badWord = 'freaking';

Um die Story zu aktualisieren, verwenden wir Iteratormethoden, die wir gelernt haben, einschließlich .filter(), .map(), .findIndex() und .every(). Als nächstes entfernen wir das unnötige Wort „wörtlich“ mithilfe von .filter() mit einer Pfeilfunktion – wie es nach ES6 üblich ist. Beachten Sie, dass storyWords an Ort und Stelle geändert wird:

storyWords = storyWords.filter(word => {
  return word !== unnecessaryWord;
});

Als nächstes werden Rechtschreibkorrekturen über die Funktion .map() angewendet, wobei zu beachten ist, dass .map() umfassender mit häufigen Rechtschreibfehlern und Korrekturpaaren verwendet werden könnte:

storyWords = storyWords.map( word => {
  return word === 'beautifull' ? 'beautiful' : word;
});

In dem gegebenen Szenario wird von der Großmutter erwartet, dass sie die Passage liest, daher wird das „schlechte“ Wort „freaking“ durch .findIndex() und direkte Indizierung ersetzt.

let badWordIndex = storyWords.findIndex(word => word === badWord);
storyWords[badWordIndex] = 'really';

Abschließend erfolgt eine Überprüfung der Lesefreundlichkeit, wie Sie sie vielleicht bei einem Flesch-Lese-Score gesehen haben, der auf der durchschnittlichen Wortlänge basiert; Hier wird uns mitgeteilt, dass es ein Wort mit mehr als 10 Zeichen Länge gibt und wir es durch „glorious“ ersetzen, indem wir .forEach() verwenden, um den Index zu finden, gefolgt von einer direkten Ersetzung:

let index = 0;
storyWords.forEach(word, i) => {
  if (word.length > 10) index = i;
});
storyWords[index] = 'glorious';

Sauberer und lesbarer Code ist nicht nur deshalb von entscheidender Bedeutung, weil er das Verständnis und die Wartung des Codes erleichtert, sondern auch die Fehlerwahrscheinlichkeit verringert. Dies ist besonders wichtig in kollaborativen Umgebungen, in denen mehrere Entwickler an derselben Codebasis arbeiten. Iterative Methoden wie .forEach(), .map() und .filter() werden gegenüber herkömmlichen Schleifen bevorzugt, da sie einen deklarativeren Ansatz für die Codierung bieten. Dies bedeutet, dass Sie ausdrücken können, was Sie erreichen möchten, ohne den Kontrollfluss detailliert zu beschreiben, was zu einem prägnanteren, leichter lesbaren und weniger fehleranfälligen Code führt.

Viel Spaß beim Codieren! ?

Das obige ist der detaillierte Inhalt vonTag / Tage des Codes: Die iterative Kraft von JavaScript nutzen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!