*

変数で文字列をつかう

公開日: : 最終更新日:2015/10/29 javaScript

変数には文字も格納できます。

前回、前々回の記事では、数値を変数に代入しました。変数という名前のせいか、数値しか代入できないと思いますが、文字列も格納することができます。

サンプルコードの実行結果はこちらです。

数値の場合「+」演算子は足し算する演算子でしたが、今回の「+」演算子を文字列に対して行うと、「+」の左右の文字列をつなげることができます。サンプルコードの「name」は”山田”という文字列が初期化して格納されています。その後、”太郎” という文字列が足されています。最後にwriteメソッド時に、”私は”と”です。”という文字列が name の前後に足されています。

+演算子

「+」演算子を、数値同士に使用した場合は、足し算になり、文字列同士に使用した場合は文字列の連結になります。

5+3 = 8
“my name is” + “tom” = “may name is tom”

文字列と数値に「+」演算子をどうなるのか?という疑問が出てくるとおもいます。その時は数値が自動的に文字列に変換され、その後に連結が行われます。
“私は” + “今年で” + 20 + “才になります。” = “私は今年で20才になります” と出力されます。

リテラルって

ステートメントに記述した値そのものリテラルといいます。

上記の例だと「2015」は変数ではなく、2015という数値を表しています。これがリテラルです。このように数値は。値をそのまま記述します。それに対して、文字列のリテラルは、全体をダブルクォーテーション「”」で囲みます。

シングルクォーテーションでも大丈夫ですが、左右が同じクォーテーションでなければなりません。

スポンサードリンク

関連記事

catejavaScript

曜日を日本語で表示してみる

前回にて配列について触れました。今回は、配列を活用した例として、曜日を日本語で表示していきます。まず

記事を読む

catejavaScript

四則演算と計算結果の余りを計算する

四則演算と余りを導く計算 javaScriptのようなWebで使用するコンピューター言語は、計算に

記事を読む

catejavaScript

条件を満たしている間処理を繰り返す

for文と同じくらいおそらく使われいるのが、while文です。for文との違いは、ループのカウンタと

記事を読む

catejavaScript

処理をまとめて、その名前を書くと呼び出せるようにする

ユーザー定義関数 関数とは、何かしらの粗利を1つにまとめて、後から関数名という名前で呼び出せるよう

記事を読む

JavaScript

DOMを使用して、スタイルを動的に変更する

HTMLの見た目をよくするためにスタイルシートを使用することが普通です。綺麗なウェブページのレイアウ

記事を読む

catejavaScript

キーと値のペアでデータを管理する

今回は、添え字の代わりにキーと呼ばれる文字列で要素を指定できるようにした配列、連想配列について書いて

記事を読む

catejavaScript

if文を使って条件を細かく設定してみる

複数のif else文を組み合わせることで、より細かい条件判断を行うことができます。その場合はサンプ

記事を読む

catejavaScript

javaScriptのifelseステートメント

プログラムの流れを変える命令を制御構造と呼びます。制御構造の代用が条件判断や繰り返しと言われるもので

記事を読む

JavaScript

オリジナルのオブジェクト(ユーザー定義オブジェクト)を作ってみる

documentオブジェクト、dateオブジェクトなど予め用意されているオブジェクトを使ってきました

記事を読む

catejavaScript

WebブラウザにHTMLを出力する

メソッドって javaScriptは、様々な要素がオブジェクトとして操作することができます。オブジ

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑