JavaScriptで開始値から終了値までの範囲内のすべての数値を表示する方法
JavaScriptでは、forループを使うことで、開始値から終了値までの範囲にあるすべての数値を簡単に取得して表示できます。本記事では、具体的なコード例と実行手順をわかりやすく解説します。
開始値と終了値を定義する
まず、範囲の基準となる開始値を次のように定義します。
var startValue = 10;
続いて、終了値を定義します。
var endValue = 20;
forループで範囲内の数値を取得する
開始値と終了値の間にあるすべての数値を取得するには、forループを使用します。ループ変数が開始値から始まり、終了値に達するまで1ずつ増加しながら処理を繰り返す仕組みです。
コード例
var startValue = 10;
var endValue = 20;
var total = '';
function printAllValues(startValue, endValue) {
for (var start = startValue; start < endValue; start++) {
total = total + start + ',';
}
}
printAllValues(startValue, endValue);
var allSequences = total.slice(0, -1);
console.log(allSequences);コードのポイント
- forループ: 条件式
start < endValueのため、終了値そのもの(この例では20)は出力に含まれません。 - 文字列の連結: 各数値をカンマ(,)区切りの文字列として連結していきます。
- slice(0, -1): 文字列の末尾にある余分なカンマを削除しています。
- console.log(): 整形した結果をコンソールに出力します。
プログラムの実行方法
上記のプログラムを実行するには、Node.jsを使って次のコマンドを入力します。
node fileName.js
ここでは、ファイル名を「demo87.js」として保存したものとします。
実行結果
プログラムを実行すると、次のような出力が得られます。
PS C:\Users\Amit\JavaScript-code> node demo87.js 10,11,12,13,14,15,16,17,18,19
このように、開始値「10」から終了値の手前「19」までの数値がカンマ区切りで表示されます。もし終了値も含めて表示したい場合は、ループの条件を start <= endValue に変更してください。そうすることで「20」も出力結果に含まれるようになります。
-
JavaScriptでCookieを作成・読み取る方法【サンプルコード付きで解説】
Cookieの作成Cookieを作成する最も簡単な方法は、document.cookieオブジェクトに文字列値を代入することです。基本的な構文は以下のとおりです。document.cookie = key1=value1;key2=value2;expires=date;ここで「expires」属性は省略可能です。有効な日付や時刻を指定すると、Cookieはその日時に失効し、以降はその値にアクセスできなくなります。サンプルコード:Cookieへの書き込み以下の例では、フォームに入力された名前をCookieに保存しています。「Cookieを設定」ボタンをクリックすると、入力値がCookieとして
-
JavaScriptでURLからGETパラメータの値を取得する方法
JavaScriptでは、URLオブジェクトとsearchParamsプロパティを組み合わせることで、URLに含まれるGETパラメータ(クエリ文字列)の値を簡単に取得できます。本記事では、実際のコード例とともにその手順をわかりやすく解説します。 実装例 以下は、サンプルURL「https://www.google.com?imageSize=440&color=blue」から、imageSizeとcolorという2つのGETパラメータの値を取り出して画面に表示するコード例です。 <!DOCTYPE html> <html lang=ja> <head>