JavaScriptの変数を勉強する!宣言や代入の方法。APIコラム海外エンジニアエンジニア論PC機器・書籍HOMEJavaScriptJavaScript入門JavaScriptの変数を勉強する!宣言や代入の方法。【var・let・const】JavaScriptの変数を勉強する!宣言や代入の方法。初心者向けこの記事では、JavaScriptの変数の種類やその使い方について説明していく。変数はプログラミングを書く上でもっとも重要な存在だ。バグの発生を防ぐためにもしっかりと仕様を理解しておこう。変数の値を確認する変数とは?「変数」とは、数値や文字列を収納した箱のような物だと考えてほしい。JavaScriptの変数にはvar・const・letという3種類がある。ES5以前のバージョンでは、varのみだったが、ES6からはconstとletが加わり3種類となった。それぞれに以下のように使い分けられる。varJavaScriprに以前からある変数。現在はconst・letのいずれかを使うことが推奨されている。const値を書き換えしない場合に使われる変数。let値の再代入を必要とする場合に使われる変数。書き換えを必要としない場合はconstを使用することが推奨されている。変数の使い方では、変数の使い方を確認していこう。変数の宣言まずは変数を使用することをプログラムに明記する。このステップをプログラミングの世界では「変数の宣言」と呼ぶ。変数を宣言すると変数の内容を記録するためのスペースがメモリ上に確保される。let型でmyTextという名前の変数を宣言する場合は以下のように記述する。myText;使用する変数のタイプが同じであれば複数の変数をまとめて宣言することもできる。yourText;注意!JavaScriptは実行の際にプログラム側で変数のデータ型を決定する「動的な型指定の言語」。変数を宣言する際にはデータ型の指定はおこなわない。宣言した変数に値(数値や文字列など)を格納することを「代入」と呼ぶ。値を代入する際には「=」を使用する。'サンプルテキスト';これで変数に「サンプルテキスト」という文字列が代入された。'サンプルテキスト';letのタイプを持つ変数はプログラム内で何度も内容を書き換えることができる。変数を宣言すると同時に値を代入することもできる。これを「変数を初期化する」と呼ぶ。'サンプルテキスト';変数の命名ルールここで変数の命名規則についても触れておきたい。JavaScriptの変数の名前には「キャメルケース記法」という技術が使われる。キャメルケース記法では、文字の先頭は小文字、それ以降の単語の頭文字は大文字で記される。(例)getCustomerById、convertDataTypeその他にも以下のような事を心がけるといい。中身がまったくわからない名前は避ける。value変数名は長すぎず、短すぎずが望ましい。oldCustomerNameWhichWillBeWrittenByNewUserName変数名には英単語を使うのが望ましい。(悪い例)kokyaku変数の値を確認する変数に格納されている値はconsole.log()という命令文を使用して中身を確認することができる。'サンプルテキスト';console.log(myText);ブラウザを使用してコードを実行した場合は、console.logで出力した文字列・数値はこのように確認することができる。Chorme)執筆者:久野嘉樹ドイツ・ベルリン在住のフロントエンド・エンジニア。ドイツにてプログラマのための職業訓練プログラム(インターン2社を含む)を終了したのち、医療関係のソフトウェア会社にてフルスタック・エンジニアとして、様々な開発現場に参加する。現在はドイツの大手SIerにてシニアデベロッパーとして有名企業を顧客とする大規模開発に従事する。Java・TypeScriptをメインに業務管理ソフト・ウェブアプリケーションやAndroidアプリなどの開発経験を持つ。現在はSPA(シングルページアプリケーション)のスペシャリストとしてAngularをメインにフロントエンドの開発に携わる。2009年よりドイツに在住。ドイツ語能力はC1レベル。2021.07.10この記事では、現在もっとも人気あるプログラミング言語となったJavaScriptについて、その特徴と歴史を中心に解説していきたい。これからプログラミ[...]JavaScriptのオブジェクト(連想配列)を学ぶ!追加やキー取得などの方法。2021.07.28この記事では、JavaScriptのオブジェクトの使い方について勉強していく。オブジェクトは実践においてよく使用する。2021.07.17この記事では、JavaScriptの勉強を開始する前に知っておきたい、JavaScriptの言語仕様を確認したい。【2023年】TypeScriptのおすすめ書籍5冊!レベル別に入門書からプロ向けまで紹介。2023.05.14【2023年】JavaScriptのおすすめ本7選!入門者・初心者向けにセレクト。2023.03.04HTMLテーブルで表をデザインする!セルの結合・枠線を付ける・レスポンシブ対応など。2023.01.21CSSグリッドレイアウトを極める!基本的な使い方とプロパティの一覧。2023.01.07【2023年】人気のヘッドレスCMSを徹底比較!Contentful・Strapi・Hygraphなど。JSフレームワーク徹底比較!JavaScript実践VSCodeでReactの開発を行う!React開発者のためのオススメ拡張機能。同一オリジンポリシーを理解する。APIコラム海外エンジニアエンジニア論PC。