forEach() (ES6) メソッドforEach() (ES6) メソッドは、配列の各要素に対して指定された関数を 1 回実行します。 1. このメソッドのコールバックは、配列内の要素の数だけ実行されます。 注意: breakとcontinueを使用してループ全体または現在のループから抜け出すことはできません。エラーが報告されますが、try...catchを組み合わせることでループから抜け出すことができます。 定数配列1 = ['a', 'b', 'c']; array1.forEach(要素 => console.log(要素)); デメリット: `forEach()` ループを中止したり抜け出す方法がない map() (ES6) メソッドmap() (ES6) メソッドは、各要素が指定された関数を 1 回呼び出した戻り値である新しい配列を作成します。 定数配列1 = [1, 4, 9, 16]; 定数 map1 = array1.map(x => x * 2); console.log(map1); //[2, 8, 18, 32] 3つのパラメータ: 配列要素、要素インデックス、元の配列自体 flatMap() メソッドflatMap() メソッドは、まずマッピング関数を使用して各要素をマッピングし、次に結果を新しい配列に圧縮します。これは、map の後に深度 1 の flat を続けるのとほぼ同じですが、flatMap は通常、1 つのメソッドに組み合わせると若干効率的になります。 var arr1 = [1, 2, [3, 4]]; arr1.flatMap(x => x); //[1, 2, 3, 4] var arr1 = [1, 2, 3, 4]; arr1.flatMap(x => [[x * 2]]); // [[2], [4], [6], [8]] ...のために...このループも多くの人が使用していますが、最も効率が悪いです (出力キーは配列のインデックスです)。オブジェクトが走査されると、出力はオブジェクトの属性名になります。 ...のために...パフォーマンスは `for..in...` よりは良いですが、通常の `for` ループほど良くはありません。 フィルタ(ES6)は配列を走査するfilter (ES6) は配列を走査し、条件を満たす要素をフィルタリングして新しい配列を返します。配列の要素がテストに合格しない場合は、空の配列が返されます。 定数結果 = words.filter(word => word.length > 6); console.log(result) //["興奮", "破壊", "存在"] some() 関数 (ES6) 配列を反復処理して、条件を満たす要素があるかどうかを確認します。戻り値はブール値です。条件を満たす要素が見つかると、true を返します。 var arr = [ { id: 1、name: 'ペンを購入する'、done: true }、 { id: 2、name: 'ノートパソコンを購入する'、done: true }、 { id: 3、name: '書道の練習'、done: false } ] var bool = arr.some(関数 (item, index) { 返品商品。完了 }) console.log(bool) // true every() 関数 (ES6)配列の各要素がコールバック関数のテストに合格するかどうかをテストします var arr = [ { id: 1、name: 'ペンを購入する'、done: true }、 { id: 2、name: 'ノートパソコンを購入する'、done: true }、 { id: 3、name: '書道の練習'、done: false } ] var bool = arr.every((item, index) => { 返品商品。完了 }) console.log(bool) // false find() 関数 (ES6)テストに合格した最初の要素を返します。テストに合格した要素がない場合は、**undefined** を返します。 var arr = [1, 1, 2, 2, 3, 3, 4, 5, 6] var num = arr.find( (項目, インデックス) => { 返品アイテム === 3 }) console.log(数値) // 3 findIndex() 関数 (ES6)この関数は、渡された最初の要素のインデックスを返す点を除いて、上記の find() と同じ効果があります。 var arr = [1, 1, 2, 2, 3, 3, 4, 5, 6] var num = arr.findIndex(item => { 返品アイテム === 3 }) console.log(数値) // 4 これで、JS 配列の組み込みトラバーサル メソッドとその違いに関するこの記事は終了です。JS 配列の組み込みトラバーサルに関する関連コンテンツの詳細については、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: 光るテキストとちょっとしたJS特殊効果を実現するCSS
日々の開発経験と関連するオンライン情報に基づいて、アダプティブとレスポンシブの違いをシンプルでわかり...
GTID の利点により、従来のファイル POS ベースのレプリケーションを GTID ベースのレプリ...
目次1. Dockerをインストールする2. influxDBをインストールして設定する3. Gra...
Linux システム時間には 2 種類あります。 (1)暦上の時刻。値は、指定された時刻、1970 ...
1. 対応するNode.jsパッケージを見つけます。https://nodejs.org/downl...
目次SQL文を挿入する前にレコードが既に存在するかどうかを確認するSQL挿入時の判断の簡単なコレクシ...
この記事では、時間範囲効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します...
効果は以下のとおりです。 コードは次のとおりです (クリックすると展開してソース コードが表示されま...
ソースコードの例: https://codepen.io/shadeed/pen/03caf6b36...
1. 問題Docker コンテナのログにより、ホストのディスク領域がいっぱいになりました。 doc...
序文JavaScript では、これは関数呼び出しコンテキストです。この動作が非常に複雑であるからこ...
序文: 正規表現のインターセプションに似た、MySql フィールドの文字列から特定の文字を抽出すると...
MySQL で中国語を入力すると、次のエラーが発生します。エラー 1366: 1366: 行 1 の...
私のおすすめ複数のIEバージョンの共存のためのソリューション以前に IE6、IE7、IE8 の共存に...
CSS レイアウト - position プロパティposition 属性は、要素に適用する配置方法...