JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで複数の変数に同じ値を一括代入する方法

JavaScriptでは、連鎖的な代入(チェーン代入)を使うことで、複数の変数に同じ値を一度に代入できます。コードがすっきりし、初期化処理も簡潔に書けるのがメリットです。

基本構文

まず宣言、その後に代入という2段階で行います。構文は以下の通りです。

var 変数名1, 変数名2, 変数名3 ……N;
変数名1 = 変数名2 = 变数名3 = ……N = 値;

記述例

例として、5つの変数 first、second、third、fourth、fifth を宣言し、すべてに同じ値「100」を代入してみましょう。

var first, second, third, fourth, fifth;
first = second = third = fourth = fifth = 100;

代入式は右から左へ評価されるため、まず fifth に 100 が入り、その値が fourth、third、second、first へと順に渡されていきます。結果として、すべての変数が同じ値を持ちます。

サンプルコード

var first, second, third, fourth, fifth;
first = second = third = fourth = fifth = 100;
console.log(first);
console.log(second);
console.log(third);
console.log(fourth);
console.log(fifth);
console.log("すべての値の合計=" + (first + second + third + fourth + fifth));

プログラムの実行方法

Node.jsを使って上記のプログラムを実行します。ターミナル(コマンドプロンプト)で以下のコマンドを入力してください。

node ファイル名.js

ここではファイル名を demo114.js として保存しています。

実行結果

プログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo114.js
100
100
100
100
100
すべての値の合計=500

このように、5つの変数すべてに「100」が正しく代入され、合計も「500」と表示されていることが確認できます。

補足:var以外での宣言

モダンなJavaScript(ES6以降)では、const や let を使った以下のような書き方も一般的です。

let a, b, c;
a = b = c = 50;

また、宣言と代入を同時に行うことも可能です。

const x = 10;
let y = z = x; // y と z の両方に 10 が入る(※z は暗黙的にグローバルになるため注意)

厳密モード("use strict")では、宣言していない変数への代入はエラーになるため、必ず先に let や const で宣言してからチェーン代入を行いましょう。

  1. DOM要素を取得してconsole.logでコンソールに出力する方法【JavaScript入門】

    JavaScriptでDOMに関連する変数をコンソールに表示したい場合、document.getElementById()を使用して対象の要素を取得し、その結果をconsole.log()で出力します。この記事では、実際のコード例を使って、DOM要素をコンソールにログとして表示する手順をわかりやすく解説します。コード例以下は、テキスト入力フィールドのDOM要素を取得してコンソールに表示するサンプルコードです。<!DOCTYPE html> <html lang=ja> <head>    <meta charset=UTF-8>

  2. JavaScriptでhref属性の値を取得する方法|jQueryのattr()メソッド活用ガイド

    Web開発では、アンカータグ(<a>)に設定されたリンク先URL、つまりhref属性の値を取得したい場面がよくあります。この記事では、jQueryのattr()メソッドを使って、簡単にhrefの値を取得する方法を解説します。対象となるHTMLの例たとえば、以下のようなアンカータグがあったとします。<a class=demo title=get the url href=./mainPage.jsp/1245>href value at console</a>ここで必要なのは、テキスト部分ではなく、URLそのもの、すなわちhref属性の値「./mainPage