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中文网其他相关文章！