vueでのforeachステートメントの用途は何ですか

vue では、foreach ステートメントは主に配列の各要素を呼び出し、その要素をコールバック関数に渡すために使用されます。構文は「array.forEach(function(currentValue,index,array),thisValue)」です。 」。

この記事の動作環境: Windows 10 システム、Vue バージョン 2.9.6、DELL G3 コンピューター。

vue での foreach ステートメントの用途は何ですか

forEach() はフロントエンド開発で配列を操作するメソッドです。その主な機能は配列を走査することです。実際にはアップグレードされたものです。 for ループのバージョン。ステートメントにはパラメータとしてコールバック関数が必要です。コールバック関数の正式なパラメータは次のとおりです: 1. value: 配列の内容を走査します; 2. Index: 対応する配列のインデックス、3. array: 配列自体。

Vue プロジェクトでは、ラベル内のループは v-for を使用し、メソッド内のループは forEach を使用します。

1. forEach() の使用原則

forEach() メソッドは主に配列の各要素を呼び出し、その要素をコールバック関数に渡すために使用されます。 。 forEach() メソッドは空の配列に対してコールバック関数を実行しないことに注意してください。

forEach: Array.prototype.forEach。配列に対してのみ使用できるメソッドで、配列を走査する for ループと同等です。使用法: arr.forEach(function(item,index,array){...})、コールバック関数には 3 つのパラメータがあります、item は現在走査されている要素、index は現在走査されている要素の添え字、array は配列そのものです。

forEach メソッドは、null 要素と未定義の要素をスキップしません。たとえば、配列 [1, undefine, null,, 2] の 4 つの要素すべてが対象となりますが、map との違いに注意してください。

2. forEach() 構文

array.forEach(function(currentValue, index, array), thisValue)

例:

array.forEach(function(item,index,array){ ... })

forEach() その他の関連コンテンツ

forEach() 続きand Break: forEach() 自体は continue ステートメントと Break ステートメントをサポートしていませんが、いくつかのステートメントを通じて実装できます。

forEach() と map の違い: forEach() には戻り値がなく、基本的に for ループと同等であり、各項目に対して関数関数を実行します。つまり、map は新しい配列を返し、元の配列は変更されませんが、forEach は元の配列を変更します。

forEach() と for ループの比較: for ループには多くのステップがあり、より複雑ですが、forEach ループは比較的シンプルで使いやすく、エラーが発生しにくいです。

forEach() 例:

例 1:

let array = [1, 2, 3, 4, 5, 6, 7];
array.forEach(function (item, index) {
console.log(item); //输出数组的每一个元素
});

例 2:

var array=[1, 2, 3, 4, 5];
array.forEach(function(item, index, array){
array[index]=4 * item;
});
console.log(array); //输出结果：修改了原数组元素，为每个元素都乘以4

[関連する推奨事項: vue.js チュートリアル 》]

以上がvueでのforeachステートメントの用途は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。