1. forEach() は map() に似ています。これも渡された関数に各要素を順番に適用しますが、新しい配列は返しません。 2. forEach() は、配列を走査し、配列の各要素を呼び出してコールバック関数に渡すためによく使用されます。転送関数は値を返す必要はありません。 例 var arr = [7,4,6,51,1]; 試してください{arr.forEach((item,index)=>{ (項目<5)の場合{ throw new Error("myerr") //myerrの新しいエラーメッセージを作成する } console.log(item)//ループが終了したことを示すために7のみを出力します})}catch(e){ console.log(e.message); if (e.message!=="myerr") { //定義したエラーでない場合は、そのまま破棄します。throw e } } 知識ポイントの拡張: 手書き forEach
arr = [1, 2, 3, 4]とします。 arr.forEach((...item) => console.log(item)); // [1, 0, 配列(4)] 現在の値 関数カウンター() { this.sum = 0; カウント = 0; } // thisArg パラメータ (this) は forEach() に渡されるため、呼び出されるたびに、その this 値としてコールバック関数に渡されます。 Counter.prototype.add = function(配列) { 配列.forEach(関数(エントリ) { this.sum += エントリ; ++これ.count; }、 これ); // ^---- 注記 }; 定数obj = 新しいカウンター(); obj.add([2, 5, 9]); オブジェクトの数; // 3 === (1 + 1 + 1) オブジェクトの合計; // 16 === (2 + 5 + 9)
Array.prototype.forEach = function(fn, thisArg) { var _this; if (typeof fn !== "関数") { throw "パラメータは関数である必要があります"; } 引数の長さが1より大きい場合 _this = この引数; } Array.isArray(arr) の場合 { throw "forEach メソッドは配列でのみ使用できます"; } for (let index = 0; index < arr.length; index++) { fn.call(_this, arr[インデックス], インデックス, arr); } }; js 配列 forEach の例の詳細な使用法に関するこの記事はこれで終わりです。js 配列 forEach メソッドの使用法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: CSS と HTML とフロントエンド テクノロジーのレイヤー図
>>: MySQL データ型 DECIMAL の使用方法の詳細な説明
目次序文エラーオブジェクト投げる試して…捕まえて…最後に最終ルールトライ/キャッチパフォーマンスウィ...
目次準備VMware Workstation Pro 16 をインストールするLinux仮想マシンの...
インターネットに接続できない仮想マシンをセットアップするのは非常に面倒です。ここでは、Ubuntu ...
公式サイトをダウンロード自分に合ったバージョンを選択してダウンロードしてください。 ダウンロードをク...
処理能力と同時実行性を向上させるために、Web コンテナは通常、リクエストを処理するタスクをスレッド...
CSS命名規則 ヘッダー: ヘッダーコンテンツ: コンテンツ/含むフッターナビゲーション: navサ...
以前、CSS を使用してテーブルの border + bordercolordark + borde...
目次序文: 1. Dockerをインストールする2. DockerでJenkinsをインストールする...
この記事の例では、参考のためにVueカスタムポップアップ効果の具体的なコードを共有しています。具体的...
1.1. ダウンロード:公式ウェブサイトから zip パッケージをダウンロードします。私は 64 ビ...
目次序文ベジェ曲線の紹介二次ベジェ曲線3次ベジェ曲線ベジェ曲線計算機能フィッティングアルゴリズム付録...
目次1. データベースの使用を選択2. 情報を表示する3. テーブルを作成する4. データを挿入する...
echarts コンポーネントの公式ウェブサイト アドレス: https://echarts.apa...
Web ページやフォームを設計するたびに、さまざまなブラウザ、特に IE ファミリの互換性の問題に悩...
今日もとても実践的な事例です。名前を聞くだけで高度で難しそうですよね?今日はカルーセル画像の真髄を簡...