ホームページ >ウェブフロントエンド >jsチュートリアル >コードの日 / 日: メソッドの反復

コードの日 / 日: メソッドの反復

WBOY
WBOYオリジナル
2024-09-06 16:30:02669ブラウズ

Day /  Days of Code: Iterating with Methods

2024年9月5日(木)

皆さん、こんにちは! ?

イテレータは、JavaScript のもう 1 つの強力なツールです。少し工夫して、今日の割り当ては Iterators という名前になっています: .forEach()、.map()、.findIndex()、.filter()、および .reduce() は、わかりやすくするために、これらは メソッド 目的を達成するためにイテレータを 採用 します。

反復子メソッドの概要

.forEach(): 要素を反復し、提供された関数を実行します
.map(): 要素を反復し、関数を適用して新しい配列を作成します
.findIndex(): 要素を反復し、一致するものを見つけてインデックスを返します
.reduce(): 要素を反復し、値を累積し、合計
.filter(): 要素を反復し、条件に応じて新しい配列を作成します
これらのメソッドは Array プロトタイプ オブジェクトに属し、日常的な反復プロセスを抽象化してデータを直接公開します。

今日のお気に入りイテレーター: .filter()

今日、これらのイテレータを調べて実験した結果、拡張性の点で私のお気に入りは .filter() であることがわかりました。ファクトリ関数に少し似ており、一定量を超えるすべての要素など、条件に一致するオブジェクトのサブセットである限り、新しいオブジェクトを作成するために使用できます。

const bigNumbers = [148, 256, 384, 918, 512];

// Using filter() to get all elements above 200
const allAbove200 = bigNumbers.filter(num => num > 200);

console.log(allAbove200); // Output: [256, 384, 918, 512]
とても洗練されていて、美しいと言えるほどです。

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。