ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScript には何種類のループがありますか?
JavaScript は、Web 開発やその他のアプリケーションでよく使用されるスクリプト言語です。 JSにはコードを繰り返し実行するためのループがたくさんありますが、この記事ではJavaScriptのループについて詳しく紹介します。
JavaScript では、一般的に使用されるループのタイプは次のとおりです。
for (initialization; condition; increment) { // code to be executed }
このうち、initialization
はループの開始値であり、変数または定数にすることができます。はループ条件です。条件が false の場合、ループは終了します。increment
は、自己インクリメントまたは自己デクリメントと同様、ループの各実行後の変更値です。サンプル コードは次のとおりです。 <pre class='brush:javascript;toolbar:false;'>for (let i = 0; i < 10; i++) {
console.log(i);
}</pre>
while (condition) { // code to be executed }
サンプル コードは次のとおりです。
let i = 0; while (i < 10) { console.log(i); i++; }do-while ループ
do { // code to be executed } while (condition);
サンプル コードは次のとおりです。
let i = 0; do { console.log(i); i++; } while (i < 10);for-in ループ
for (variable in object) { // code to be executed }
このうち、
variable は反復する変数の名前、object
は反復するオブジェクトです。サンプル コードは次のとおりです。 <pre class='brush:javascript;toolbar:false;'>const myObj = { a: 1, b: 2, c: 3 };
for (const property in myObj) {
console.log(property + ": " + myObj[property]);
}</pre>
for (variable of iterable) { // code to be executed }
このうち、
variable は反復対象の変数名、iterable
は反復対象のオブジェクトです。サンプル コードは次のとおりです: <pre class='brush:javascript;toolbar:false;'>const myArray = [1, 2, 3];
for (const element of myArray) {
console.log(element);
}</pre>
上記は JavaScript で一般的に使用されるループです。各ループには独自の適用可能なシナリオがあります。JavaScript コードを作成するときは、さまざまなニーズに応じてさまざまなループ構造を選択する必要があります。この記事が皆さんの JavaScript ループの理解に役立つことを願っています。
以上がJavaScript には何種類のループがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。