forEach vs. for: 非同期対決!
ループの選択が非同期パフォーマンスに与える影響を理解する
私の最近のプロジェクトでは、NoSQL データベース内の多数のレコード (1,000 件以上) を更新する必要がありました。すべてを一度に更新することは現実的ではなく、プロセスも非同期であるため、それぞれ 20 レコードずつの小さなバッチで処理することにしました。これを forEach を使用したループで実装しました。20 個の各セットが次のセットに進む前に更新されます。しかし、このアプローチを実践した後、これらの小さなバッチ内であっても、すべてのレコードが期待どおりに更新されていないことに気付きました。たとえば、25 レコードのバッチを更新しようとしたとき、正常に更新されたのは 10 件だけでした。他の 10 レコードにはログがなく、更新に失敗したレコードの数はランダムに変化しました (12 の場合、5 の場合、または 7 の場合がありました)。
さらにデバッグを行った結果、これらのレコードは更新プロセス中にスキップされる可能性があることがわかりました。さて、なぜこのようなことが起こったのでしょうか?この問題を調査して動作を理解し、その背後にある潜在的な理由を特定しましょう。
問題
いくつかの調査の結果、すべての反復を待機する適切なメカニズムを持たずに forEach ループ内で非同期関数を使用すると、問題が発生する可能性があることがわかりました。この場合、すべての反復が待機されることを保証せずに、forEach ループ内で async/await を使用しました (以下のコードを参照)。
async function patchRecords(records) { // Here, the length of records is 25 let successfulUpdates = 0; // Initialize a counter for successful updates records.forEach(async (item) => { await databaseName.patch(item); successfulUpdates++; // Increment counter on successful update }); // Return the number of records updated successfully return successfulUpdates; } const response = await patchRecords(records); // Make sure to await this call
forEach メソッドはレコードにパッチを適用するために複数の非同期呼び出しを起動しますが、patchRecords 関数はそれらのパッチが終了するのを待たずにすぐに return ステートメントに到達します。その結果、更新がバックグラウンドで処理されている間、関数は更新が完了するのを待たずに続行します。これにより、保留中の約束が履行されないままになる可能性があり、更新がスキップまたは破棄される可能性があります。
解決策
では、どうすればこれを解決できるでしょうか?ソリューションに入る前に、まずデータを反復処理するさまざまな方法を理解しましょう。基本的に、データの反復処理は
順次 または 並列 で行うという 2 つのアプローチがあります。
forEach ループを使用すると、前述した問題が発生する可能性があります。代わりに、最新の for…of ループまたは単純な for ループ を使用することをお勧めします。これにより、await が適切に動作し、すべての更新が確実に処理されるようになります。スキップされません (以下のコードを参照)。
async function patchRecords(records) { // Here, the length of records is 25 let successfulUpdates = 0; // Initialize a counter for successful updates records.forEach(async (item) => { await databaseName.patch(item); successfulUpdates++; // Increment counter on successful update }); // Return the number of records updated successfully return successfulUpdates; } const response = await patchRecords(records); // Make sure to await this call
一方、レコードを並列処理したい場合は、forEach を再度使用しても機能しません。各非同期コールバックは確かに Promise を返しますが、それらの Promise の一部は待機されていないために履行されないままになる場合があります。代わりに、map を使用して Promise の配列を生成し、Promise.all でそれらを待機します (以下のコードを参照)。
async function patchRecords(records) { let successfulUpdates = 0; // Counter for successful updates for (const item of records) { try { // Query to patch each record await databaseName.patch(item); successfulUpdates++; // Increment counter on success } catch { // Handle any errors } } return successfulUpdates; // Return the number of records updated successfully } const response = await patchRecords(records); // Make sure to await this call
これは、適切なループ方法の選択が非同期操作の期待される結果にどのように大きな影響を与えるかを示しています。使用するループのタイプ (forEach、for…of、または標準の for ループ) は、コードが非同期タスクを適切に管理する上で重要な役割を果たします。
まとめ
- 課題: forEach を使用してレコードを一括更新すると、多くのレコードがスキップされ、一貫性のない更新が発生しました。
- 根本原因: forEach は非同期操作の完了を待機しないため、Promise が履行されません。
- 解決策: 精度を高めるために for…of ループを使用して各レコードが順次更新されるのを待つか、Promise.all でマップを使用して同時更新を行います。
私は物事をわかりやすく説明しましたか?以下のコメント欄でお知らせください。
私の経験を共有するのは楽しかったです。あなたにもそれが貴重なものだと感じていただければ幸いです!私はまだこの分野を模索中なので、フィードバックや提案をお待ちしています。 ☺️ 改善できる点がある場合、または取り上げてほしいトピックがある場合は、お気軽にご連絡ください。 ? Webサイト。皆さんの助けを借りて学び、成長できることに興奮しています。 ??
以上がforEach vs. for: 非同期対決!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1)C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2)C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3)JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。
