JavaScript での for ループステートメントの使用方法-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript での for ループステートメントの使用方法

不言

Dec 17, 2018 pm 03:38 PM

for ループ

JavaScript での for ループステートメントの使用方法での for ループステートメントの使用方法での for ループステートメントの使用方法のループステートメントには、for ループステートメントと while ループステートメントが含まれます。次の記事では、まず JavaScript での for ループステートメントの使用方法での for ループステートメントの使用方法での for ループステートメントの使用方法での for ループステートメントの使用方法を紹介します。

JavaScript での for ループステートメントの使用方法での for ループステートメントの使用方法での for ループステートメントの使用方法

for ループステートメントと while ループステートメントの違いを簡単に見てみましょう

簡単に言えば、for ループステートメントと while ループステートメントの違いを簡単に見てみましょう。 while ループステートメントの主な違いは、ループ数が固定されている場合は for ループが使用され、ループ数が固定されていない場合は while ループが使用されることです。

JavaScript での for ループステートメントの使用方法での for ループステートメントの使用方法での for ループステートメントの使用方法で for ループステートメントを使用する方法を見てみましょう

for ループステートメントの構文

for（初始值;条件表达式;增加/减少表达式）{ 
　　循环处理
}

or ループステートメントの具体的な例を見てみましょう
コードは次のとおりです。変数は i

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法</title>
</head>
<body>
<script>
for (var i = 0; i < 10; i++) {
document.write (i);
}
</script>
</body>
</html>

# として指定されます。 ##まず、初期値ですが、iという変数を宣言し、値0を代入します。これが初期ループ処理である。

次に、条件式中の i 最後の増減式 i は、実行するたびに i の値が 1 ずつ増加することを意味します。

続いて、document.writeでドキュメントを処理する際に行うループ処理を指定します。

ブラウザで出力する場合…0から9までの値を出力します。

JavaScript での for ループステートメントの使用方法での for ループステートメントの使用方法での for ループステートメントの使用方法配列での for ループの使用

for ステートメントの構文は、配列を使用するプログラムを作成するときによく使用されます。

例を挙げてみましょう。

list という名前の配列ボックスに、トム、ジェリー、ホリーの 3 つの値を入れます。

var list = [“Tom”，“Jerry”，“Holly”];

for ステートメントを使用して、これらの値を 1 つずつ処理します。

まず初期値として var i = 0 を指定します。変数 i の値が配列の要素数を超えない限り、i をループします。ループを通過するたびに、i は 1 ずつ増加します。

最後に、document.write を使用して要素を呼び出します。

for (var i = 0; i < list.length; i++){
document.write (list[i]);
}

(配列の長さは length 属性を通じて取得できます)

変数 i は配列要素の添字です。したがって、0 から要素の数までカウントする形式をとり、各要素 (トム、ジェリー、ホリー) にアクセスします。

次のプログラムを実行しましょう

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法</title>
</head>
<body>
<script>
var list = ["Tom","Jerry","Holly"];
for (var i = 0; i < list.length; i++) {
document.write (list[i]);
}
</script>
</body>
</html>

結果は次のとおりです

こうすることで、次のことができます。インデックス 0、1、2 を持つ要素が 1 つずつアクセスされ、出力されます。を参照してください。 JavaScript での for ループステートメントの使用方法での for ループステートメントの使用方法での for ループステートメントの使用方法

最後の

ジャンプステートメントを見てみましょう: Break と continue

Jump ステートメントは、現在のプロセスを中断し、別の正規プロセス構文に転送するときに使用されます。。

主にループ処理に使用され、for 文や while 文でも使用できます。

Break ステートメント - ループ処理を直ちに終了します。

continue ステートメント - 実行中のループ処理を中断し、次のループ処理を続行します。

以下では、for ステートメントを使用して、break と continue を説明します。

<script>
for (var i = 0; i < 10; i++) {
document.write (i * 10);
}
</script>

break ステートメント

break ステートメントでは、ループプロセスは i が 5 に達すると終了し、実行されなくなります。

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
break;
}
document.write (i * 10);
}
</script>

i が 4 になるまでしか実行されないため、プロセスは 40 で終了します。

# continue ステートメント JavaScript での for ループステートメントの使用方法

#一方、 continue を実行すると、i が 5 の場合のみスキップされます。ループは実行を続けます。

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
continue;
}
document.write (i * 10);
}
</script>

実行結果は以下の通りです

以上がJavaScript での for ループステートメントの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

Python vs. Javascript：どの言語を学ぶべきですか？May 03, 2025 am 12:10 AM

PythonまたはJavaScriptの選択は、キャリア開発、学習曲線、エコシステムに基づいている必要があります。1）キャリア開発：Pythonはデータサイエンスとバックエンド開発に適していますが、JavaScriptはフロントエンドおよびフルスタック開発に適しています。 2）学習曲線：Python構文は簡潔で初心者に適しています。 JavaScriptの構文は柔軟です。 3）エコシステム：Pythonには豊富な科学コンピューティングライブラリがあり、JavaScriptには強力なフロントエンドフレームワークがあります。

JavaScriptフレームワークのパワーは、開発を簡素化し、ユーザーエクスペリエンスとアプリケーションのパフォーマンスを向上させることにあります。フレームワークを選択するときは、次のことを検討してください。1。プロジェクトのサイズと複雑さ、2。チームエクスペリエンス、3。エコシステムとコミュニティサポート。

JavaScript、C、およびブラウザの関係May 01, 2025 am 12:06 AM

はじめに私はあなたがそれを奇妙に思うかもしれないことを知っています、JavaScript、C、およびブラウザは正確に何をしなければなりませんか？彼らは無関係であるように見えますが、実際、彼らは現代のウェブ開発において非常に重要な役割を果たしています。今日は、これら3つの間の密接なつながりについて説明します。この記事を通して、JavaScriptがブラウザでどのように実行されるか、ブラウザエンジンでのCの役割、およびそれらが協力してWebページのレンダリングと相互作用を駆動する方法を学びます。私たちは皆、JavaScriptとブラウザの関係を知っています。 JavaScriptは、フロントエンド開発のコア言語です。ブラウザで直接実行され、Webページが鮮明で興味深いものになります。なぜJavascrを疑問に思ったことがありますか

node.jsは、型を使用してストリーミングしますApr 30, 2025 am 08:22 AM

node.jsは、主にストリームのおかげで、効率的なI/Oで優れています。ストリームはデータを段階的に処理し、メモリの過負荷を回避します。大きなファイル、ネットワークタスク、リアルタイムアプリケーションの場合。ストリームとTypeScriptのタイプの安全性を組み合わせることで、パワーが作成されます

Python vs. JavaScript：パフォーマンスと効率の考慮事項Apr 30, 2025 am 12:08 AM

PythonとJavaScriptのパフォーマンスと効率の違いは、主に以下に反映されています。1）解釈された言語として、Pythonはゆっくりと実行されますが、開発効率が高く、迅速なプロトタイプ開発に適しています。 2）JavaScriptはブラウザ内の単一のスレッドに限定されていますが、マルチスレッドおよび非同期I/Oを使用してnode.jsのパフォーマンスを改善でき、両方とも実際のプロジェクトで利点があります。

JavaScriptの起源：その実装言語の調査Apr 29, 2025 am 12:51 AM

JavaScriptは1995年に発信され、Brandon Ikeによって作成され、言語をCに実現しました。 2。JavaScriptのメモリ管理とパフォーマンスの最適化は、C言語に依存しています。 3. C言語のクロスプラットフォーム機能は、さまざまなオペレーティングシステムでJavaScriptを効率的に実行するのに役立ちます。

舞台裏：JavaScriptをパワーする言語は何ですか？Apr 28, 2025 am 12:01 AM

JavaScriptはブラウザとnode.js環境で実行され、JavaScriptエンジンに依存してコードを解析および実行します。 1）解析段階で抽象的構文ツリー（AST）を生成します。 2）ASTをコンパイル段階のバイトコードまたはマシンコードに変換します。 3）実行段階でコンパイルされたコードを実行します。

PythonとJavaScriptの未来：傾向と予測Apr 27, 2025 am 12:21 AM

PythonとJavaScriptの将来の傾向には、1。Pythonが科学コンピューティングの分野での位置を統合し、AI、2。JavaScriptはWebテクノロジーの開発を促進します。どちらもそれぞれのフィールドでアプリケーションシナリオを拡大し続け、パフォーマンスをより多くのブレークスルーを行います。

See all articles