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

JavaScriptの式におけるカンマ演算子の役割とは？

JavaScriptにおいて、カンマ（,）は演算子の一つです。カンマ演算子は、左から右へ各オペランドを順番に評価し、最後のオペランドの値を返すという特徴を持っています。

基本的な動作

カンマ演算子を使うと、複数の式を1つの式としてまとめることができます。すべての式が評価されますが、結果として返されるのは最後に評価された式の値のみです。

サンプルコード

<!DOCTYPE html>
<html>
   <body>
      <script>
         var a = 100;

         a = (a++, a);
         document.write(a);

         a = (200, 300);
         document.write("<br>"+a);
      </script>
   </body>
</html>

実行結果の解説

上記のコードでは、次のような処理が行われます。

1. a = (a++, a); の場合

まず a++ が評価され、a の値は 101 になります。次に2つ目のオペランド a が評価され、その結果（101）が全体の式の値として返されます。したがって、最初の出力は 101 となります。

2. a = (200, 300); の場合

200 が評価されますが、結果には使われず、最後のオペランドである 300 の値が返されます。したがって、2つ目の出力は 300 となります。

まとめ

カンマ演算子は、forループ内で複数の変数を同時に更新したい場合などに活用されることがあります。ただし、コードの可読性を下げる可能性もあるため、使用する場面は慎重に見極めるとよいでしょう。

  1. JavaScriptでJSONデータからHTMLを動的に生成する方法

    はじめにWeb開発において、APIから取得したJSONデータをHTMLとして画面に表示する処理は非常によく使われるテクニックです。本記事では、JavaScriptのfetchメソッドを使ってJSONデータを取得し、そのデータをもとにHTMLのテーブルを動的に生成する方法を解説します。補足： 本記事のサンプルコードでは「JSONPlaceholder」というサービスを利用しています。JSONPlaceholderは、テストやプロトタイプ開発のために用意された無料のダミー（フェイク）REST APIであり、実際のサーバーを構築しなくても手軽にJSONデータの取得を試すことができます。サンプルコード

  2. JavaScriptの関数式（Function Expression）とは？特徴と使い方を解説

    JavaScriptにおける関数式（Function Expression）とは、関数を変数に代入して定義する方法のことです。代入された関数は、その変数名を使って後から呼び出すことができます。 関数式の主な特徴 関数を変数に格納し、変数名を指定して呼び出せる 通常の関数宣言（function declaration）と異なり、ホイスティング（巻き上げ）が行われないため、定義よりも前に呼び出すことはできない 多くの場合、名前を持たない「無名関数（匿名関数）」として定義される コールバック関数や即時実行関数（IIFE）など、さまざまな場面で活用できる この「ホイスティングされない」という点が重