NEW ARTICLE
Google ドキュメント 下付きに変換するショートカットキー
  1. HOME
  2. javascript
  3. javascript console.logで複数の変数を１列で表示する

javascript console.logで複数の変数を１列で表示する

javascript console.logで複数の変数を１列で表示する

javascriptでデバッグ等に利用するconsole.logを使用して、複数の変数を１列で表示する方法を記述してます。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 102.0.5005.63
Javascript サンプル集はこちら

使い方

通常は1列に表示しようとすると、結合するしかないですが、

let a = "java";

let b = "javascript";

console.log(a + b);

実行結果がみにくくなります。

以下のように、console.logはカンマを使用することでスペース付きで結合することが可能です。

let a = "java";
let b = "javascript";
console.log(a, b);

実行結果は、スペース付きで表示されます。

変数が、2つ以上あっても同じです。

let a = "java";

let b = "javascript";

let b = "typescript";

console.log(a, b, c);

またカンマを使用すると、以下のように「置換文字列」を使用することができます。

console.log('残金:  %s %i円' , '残り' , 10)

使用可能な置換文字列は以下となります。

置換文字列タイプ
%s 文字列
%i数値
%o オブジェクト
%f浮動小数点数値