TypeScript forEach() ループ

TypeScript forEach() ループ

forEach() ループの使用方法を紹介し、その長所と短所について説明します。

TypeScript の forEach() ループ

配列を反復処理し、その配列の各要素に対していくつかの関数を実行する必要がある状況はたくさんあります。 TypeScript では、この関数にいくつかのループを使用できます。

forEach() ループを使用して、配列を反復処理できます。 このループを使用して、配列内の各項目を繰り返します。

配列、マップ、セットなどの TypeScript データ型でも使用できます。 など。このメソッドは、要素を配列に配置するのに役立ちます。

構文:

forEach() ループについては後述します。

array.forEach(callback[, thisObject]);

forEach() ループが実行され、配列内の昇順に従って、提示された要素ごとに 1 回 callback が提供されます。

パラメータの詳細

callback は、すべての要素を評価するために使用される関数です。 callback のこの機能については、以下の 3つの引数で説明します。

  1. Element Value は、現在使用されているアイテムの値です。
  2. 要素インデックス は、処理される配列内のインデックスの現在の要素です。
  3. Array は、forEach() で反復されるメソッドです。

thisObjectは、callbackメソッドを実行する必要がある場合に使用します。

戻り値

作成された配列が返されます。

let Brands = ['Iphone', 'Samsung', 'Huawei'];
let Store: any[] = [];

Brands.forEach(function(item){
  Store.push(item)
});

console.log(Store);

出力:

typescript の例での foreach ループ

番号付きの例:

var quantity = [5, 10, 15];
quantity.forEach(function (stock) {
  console.log(stock);
});

出力:

TypeScript の forEach ループ

TypeScript での forEach() の利点

以下に示すように、これはここで言及されている利点の 1つにすぎません。

  1. より少ないコードで配列を強調する最新の方法です。
  2. Iterator、アイテムのインデックス、および反復する配列がそのパラメーターです。

TypeScript における forEach() の欠点

  1. 従来のサークルより実行速度が遅い。
  2. callback機能により、break文は利用できません。
  3. キーワードは callback 関数で使用できず、誤った結果に向かう可能性があります。
チュートリアルを楽しんでいますか? <a href="https://www.youtube.com/@delftstack/?sub_confirmation=1" style="color: #a94442; font-weight: bold; text-decoration: underline;">DelftStackをチャンネル登録</a> して、高品質な動画ガイドをさらに制作するためのサポートをお願いします。 Subscribe
Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn