ホームページ > ウェブフロントエンド > jsチュートリアル > コードの日 / 日: JavaScript の反復能力の活用

コードの日 / 日: JavaScript の反復能力の活用

王林
リリース: 2024-09-08 20:36:09
オリジナル
1189 人が閲覧しました

Day /  Days of Code: Harnessing JavaScript’s Iterative Power

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() など、学習した反復子メソッドを使用します。次に、ES6 以降の一般的な方法として、.filter() とアロー関数を使用して、不要な単語「文字通り」を削除します。 storyWords が適切に変更されることに注意してください:

storyWords = storyWords.filter(word => {
  return word !== unnecessaryWord;
});
ログイン後にコピー

次に、.map() 関数を介してスペル修正が適用されます。ただし、.map() は一般的なスペルミスと修正のペアでより包括的に使用できることに注意してください。

storyWords = storyWords.map( word => {
  return word === 'beautifull' ? 'beautiful' : word;
});
ログイン後にコピー

指定されたシナリオでは、祖母がその文章を読むことが期待されているため、「悪い」単語「freaking」は .findIndex() と直接インデックス作成を使用して置き換えられます。

let badWordIndex = storyWords.findIndex(word => word === badWord);
storyWords[badWordIndex] = 'really';
ログイン後にコピー

最後に、平均単語長に基づいた Flesch の読解スコアで見たような、読みやすさを考慮したチェックが実行されます。ここでは、10 文字を超える単語が 1 つあると仮定し、.forEach() を使用してインデックスを見つけ、その後直接置換して「glorious」に置き換えます。

let index = 0;
storyWords.forEach(word, i) => {
  if (word.length > 10) index = i;
});
storyWords[index] = 'glorious';
ログイン後にコピー

クリーンで読みやすいコードは、コードの理解と保守を容易にするだけでなく、エラーの可能性を減らすために非常に重要です。これは、複数の開発者が同じコードベースで作業する共同作業環境では特に重要です。 .forEach()、.map()、.filter() などの反復メソッドは、より宣言的なコーディング アプローチを提供するため、従来のループよりも好まれます。これは、制御フローを詳細に説明することなく達成したいことを表現できることを意味し、より簡潔で読みやすく、エラーが発生しにくいコードが得られます。

コーディングを楽しんでください! ?

以上がコードの日 / 日: JavaScript の反復能力の活用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート