ホームページ  >  記事  >  ウェブフロントエンド  >  js配列の要素に対して指定した関数を実行する方法

js配列の要素に対して指定した関数を実行する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-08-11 15:35:182397ブラウズ

前回の記事では、配列に固定値を入力する方法について学習しました。「js で配列に固定要素を入力する方法」を参照してください。今回は要素に対して指定した関数を実行する方法について学習しますので、必要に応じて参考にしてください。

まず、小さな例を見てみましょう。

<script>
var arr = new Array(7); 
arr[0] = "one";
arr[1] = "two";
arr[2] = "three";
arr.forEach(element => console.log(element));
</script>

この小さな例の結果は次のとおりです

js配列の要素に対して指定した関数を実行する方法

この結果を注意深く見ると、この結果は、配列はすべて出力されます。もう一度このコードを見てみましょう。このコードでは「console.log」が使用されており、forEach メソッドも使用されています。

forEach() メソッドは、配列の各要素に対して指定された関数を 1 回実行します。

このメソッドの構文形式を見てみましょう。

数组名称.forEach(数组中每个元素执行的函数(正在处理的当前元素,正在处理的当前元素的索引,正在操作的数组), 执行回调函数时,用作this的值)

forEach() メソッドは、有効な値を含む配列内の項目ごとにコールバック関数を昇順で 1 回実行します。削除または初期化されていない項目はスキップされます (たとえば、スパース上では)。配列)。このメソッドは、配列要素ごとにコールバック関数を 1 回実行します。map() やreduce() とは異なり、常に未定義の値を返すため、連鎖させることはできません。典型的な使用例は、呼び出しチェーンの最後で副作用を実行することです。

forEach() が呼び出された場合、元の配列、つまり呼び出し元の配列は変更されません (ただし、コールバック関数は呼び出し時に元の配列を変更する可能性があります)。

注: 例外をスローする以外に、forEach() ループを中止したり、ループから抜け出す方法はありません。ループを中止または抜け出す必要がある場合、forEach() メソッドは使用できるツールではありません。

ループを早期に終了する必要がある場合は、次を使用できます:

単純な for ループ

  • for...of / for.. . ループ内

  • Array.prototype.every()

  • Array.prototype.some()

  • Array.prototype.find()

  • Array.prototype.findIndex()

これですべてです。必要な場合は、参照可能: JavaScript 基本チュートリアル

以上がjs配列の要素に対して指定した関数を実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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