Day/Days of Code：運用 JavaScript 的迭代能力

2024 年 9 月 6 日星期五

大家好！ ？

為了展示 JavaScript 的實力，今天的語法檢查器專案使用了 .forEach()、.map() 和 .filter() 等迭代方法來促進陣列的轉換和遍歷，展示了JavaScript 的迭代能力。

首先，我們得到一個作為字串的短篇故事；然後，故事被分成由空格分隔的單字數組：

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(' ');

接下來是拼字和文法檢查。這些範例是單字，儘管可以使用常見拼字錯誤和語言模式的 .map() 進行擴展：

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

為了更新故事，我們使用我們學到的迭代器方法，包括 .filter()、.map()、.findIndex() 和 .every()。接下來，我們使用 .filter() 和箭頭函數刪除不必要的單字「literally」——這在 ES6 後很常見。請注意，storyWords 已就地修改：

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

接下來，透過 .map() 函數應用拼字修正，注意 .map() 可以更全面地使用常見的拼字錯誤和更正對：

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

在給定的場景中，一個人的祖母應該閱讀該段落，因此使用 .findIndex() 和直接索引來替換“壞”詞“freaking”。

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

最後，會考慮閱讀的難易程度進行檢查，就像您在基於平均字長的Flesch 閱讀分數中看到的那樣；這裡假設有一個單詞長度超過10個字符，將替換為“glorious” ，使用.forEach()尋找索引，然後直接取代：

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

乾淨且可讀的程式碼至關重要，不僅因為它使程式碼更易於理解和維護，而且還減少了出錯的可能性。這在多個開發人員在同一程式碼庫上工作的協作環境中尤其重要。 .forEach()、.map() 和 .filter() 等迭代方法比傳統循環更受青睞，因為它們提供了更具聲明性的編碼方法。這意味著您可以表達您想要實現的目標，而無需詳細說明控制流，從而使程式碼更簡潔、更易於閱讀且不易出錯。

編碼愉快！ ？

以上是Day/Days of Code：運用 JavaScript 的迭代能力的詳細內容。更多資訊請關注PHP中文網其他相關文章！