JavaScript の例におけるループの使用法の詳細な説明

JavaScript の例におけるループの使用法の詳細な説明

退屈だったので、ループに関する簡単な演習をいくつかまとめてみました。JS を学び始めたばかりの方に役立つと幸いです。

1. 1から100までのすべての7の倍数の数と合計を出力します。

var 合計 = 0;
var n = 0;
(var i=1;i<=100;i++){
	if(i%7==0){
		合計+=i;
		++n;
		}
	}
console.log("数値は: "+n+"、合計は: "+sum");

実行結果:

2. 投資の年間利率が 5% であると仮定すると、1,000 から 5,000 に増加するには何年かかりますか?

var お金 = 1000;
var i = 0;
お金<=5000の場合{
	お金=お金*1.05;
	++i;
}
console.log("合計 "+i+" 年が必要です");

実行結果:

3. 100 から 1000 までのラッパスイセン数を見つけます。ラッパスイセン数とは、各桁の 3 乗の合計がその数字自体に等しい 3 桁の数字です。たとえば、1^3 + 5^3 + 3^3 = 153 です。

(var i=100;i<1000;i++){
	// 100 の位の数字を取得します var a=parseInt(i/100);
	//10の位の数字を取得します var b=parseInt(i/10%10);
	// 一の位の数字を抽出します var c=parseInt(i%10);
	 もし(a*a*a+b*b*b+c*c*c==i){
	    コンソールにログ出力します。
		}
}

10の位はvar b=paraseInt((i-bai*100)/10)を使用して取得することもできます。

実行結果:

4. 1~100 までのすべての奇数の合計を出力します。 2 で割り切れない数はすべて奇数です。

var 合計 = 0;
(var i=1;i<=100;i++){
	if(i%2==0){
		合計+=i;
	}
}
console.log("奇数の合計は: "+sum);

実行結果:

5. 2~100 までの素数を特定します。素数とは、1 とそれ自身以外の自然数では割り切れない、1 より大きい自然数です。

(var i=2;i<=100;i++){
	var フラグ = true;
	//ループがiに達すると、因数が繰り返されます for(var j=2;j<=Math.sqrt(i);j++){
		もし(i%j==0){
			フラグ=false;
			壊す;
		}
	}
	if(フラグ==true){
		document.write(i+"&nbsp");
	}
}

実行結果:

6. 三角形の印刷

小さなものから大きなものへ

(var i=1;i<=5;i++){
	(var j=1;j<=i;j++){
		ドキュメントを書き込みます。
	}
	document.write("<br/>");
} 

より多くからより少なく

(var i=0;i<5;i++){
	(var j=0;j<5-i;j++){
		ドキュメントを書き込みます。
	}
	document.write("<br/>");
} 

7. 掛け算表を印刷する

(var i=1;i<=9;i++){
	(var j=1;j<=i;j++){
		document.write(i+"*"+j+"="+i*j+"&nbsp;&nbsp;")
	}
	document.write("<br/>");//改行}

実行結果:

ループの使用法を説明する JavaScript の例に関するこの記事はこれで終わりです。JavaScript ループに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript ループトラバーサルの 24 種類のメソッドをすべてご存知ですか?
  • JavaScriptのループの違いについての詳細な説明
  • JavaScript イベント ループのケース スタディ
  • JavaScript における 3 つの for ループ ステートメントの使用の概要 (for、for...in、for...of)
  • jsのイベントループ機構の解析
  • JS の配列トラバーサルについて、一般的なループをいくつ知っていますか?
  • 意外と知らないJSのループ速度テストのいろいろを徹底解説
  • JavaScript で円形カルーセルを実装する

<<:  Dockerはコンテナポートバインディングのローカルポートを実装します

>>:  IE8は優れたエクスペリエンスを提供します: アクティビティ

推薦する

js キャンバスで円形の水のアニメーションを実現

この記事の例では、円形の水のアニメーションを実現するためのキャンバスの具体的なコードを参考までに共有...

Vueにおけるキーの役割と原理の詳細な説明

目次1. 結論から始めましょう2. キーの役割2.1 例2.2 上記の例を修正する2.3 例を再度修...

JavaScript における継承の 3 つの方法

継承する1. 継承とは何か継承: まず、継承とは関係、つまりクラス間の関係です。JS にはクラスはあ...

Centos7.x での Nginx のインストール、SSL 設定、一般的なコマンドの詳細な説明

1. インストールyumを使用してインストールする ##yum nginx を自動的にインストールす...

js シンプルで粗雑なパブリッシュとサブスクライブのサンプルコード

パブリッシュ/サブスクライブとは何ですか?例を挙げてみましょう。あなたは服を買うために店に行きます。...

CSS3は、大きな円のドット分布と回転効果を実現するためにtransform-originを使用します。

まず、transform-origin 属性を使用する必要があります。transform 属性は必ず...

モバイル開発におけるHTML5開発の現状を深く理解する

「私たちは次の一連のモバイル製品を HTML5 で作成しています。」 「ええ、最近は多くの人が Ap...

Docker に共通コンポーネント (mysql、redis) をインストールする方法

Dockerはmysqlをインストールします docker search mysql 検索 dock...

MySQL データ ウェアハウスを保護するための 5 つのヒント

さまざまなソースからデータを集約することで、中央倉庫を作成できます。データ ウェアハウスは、ビジネス...

JS 関数とコンストラクタを簡単に理解する

目次1. 概要1.1 Functionコンストラクタを使用して関数を作成する1.2 機能と目的2. ...

MySQL で特殊文字を含むデータベース名を作成する方法の例

序文この記事では、MySQL で特殊文字を使用してデータベース名を作成する方法について説明します。こ...

Vue の詳細な入門ノート

目次1. はじめに2. 初期ビュー(I) Vueの概念を理解する(II) MVVMアーキテクチャ(I...

CSS スタイルのリセットとクリア (異なるブラウザで同じ効果を表示するため)

異なるブラウザ間でページの表示を一致させるためには、フロントエンド開発において CSS スタイルのク...

MySQL 8.0.18 はクローンプラグインを使用して MGR 実装を再構築します

3 ノード MGR 内の 1 つのノードに異常があり、MGR クラスターに再度追加する必要があるとし...

Vue の親子コンポーネントの値転送と一方向データフローの問題の詳細な説明

目次序文1. 親コンポーネントが子コンポーネントに値を渡す2. サブコンポーネントのprops型制約...