##JavaScript(ES6)とは
従来のJSより効率的コードのかける新しい仕様のバージョン
2015(ES6)
##プログラムを実行してみよう
「console.log("〇〇")」と書くと〇〇という文字がコンソールに出力されます。
console.log("Hello World");
##演習
console.log("「ES6 学習コース」へようこそ！");
console.log("にんじゃわんこと一緒にES6を学んでいきましょう。");
##console.log()
コードの書き方をより詳しく見ていきましょう。
console.log()は丸括弧()内に入力された文字をコンソールに出力
また「Hello World」の様な文字のことを文字列と呼びます。文字列は、シングルクォーテーションか、(`)ダブルクォーテーションで囲む必要があるので、注意
○
console.log('Hello World')
console.log("Hello World")
×
console.log(Hello World);
##セミコロン
文の最後はセミコロン(;)で終わります。セミコロンはなくても正直に動作する場合が多いですが、思わぬ不具合が生じる場合があります
console.log("Hello World");
##コメントアウト
文頭に「//」を書くと、その行はコメントとみなされます。そのため、
プログラムとしては無視され、実行されません。(コメントアウトと言います)
コメントは、どの様な意味のコードであるのか記すメモとして使われます。
//console.log("Hello World");
//Helloと出力します
console.log("Hello World");
##演習
// 「Hello World」とコンソールに出力してください
console.log("Hello World");
// 「にんじゃわんこ」とコンソールに出力してください
console.log("にんじゃわんこ");
// 以下の行をコメントアウトしてください
//console.log("この行をコメントアウトしてください");
##数値と計算
プログラミングでは、数値(数字)を扱うこともできます。
数値は文字数と違いクォーテーション囲みません。
数値は足し算や引き算といった計算もすることができます。
足し算「+」、引き算には「-」の記号を用います。
数値と記号は全て半角で記述する
console.log(3);
console.log(5+2);
console.log(3-2);
##文字列と数値
console.log(5+2);は足し算の結果である7
一方、「5+2」にクォーテーションをつけると、文字列と解釈されそのまま
出力されます。
文字列と数値は明確に違うもの
console.log(5+2);
console.log("5+2");
// 5と3を足した値を出力してください
console.log(5+3);
// 20から8を引いた値を出力してください
console.log(20-8);
// "4 + 5" を文字列として出力してください
console.log("4+5");
##計算してみよう(2)
掛け算「」、割り算「/」
掛け算は「」(アスタリスク)、割り算「/」(スラッシュ)という記号を用いて
計算することができます。
console.log(3*7);
console.log(6/3)
###余りの計算「%」
さらに、「%」記号を使うと、割った時の余りを求めることができます。
console.log(9%2);
1
9割る2は、４余り1
##演習
// 8と4をかけた結果を出力してください
console.log(8*4);
// 24を4で割った結果を出力してください
console.log(24/4);
// 7を2で割った余りを出力してください
console.log(7%2);
##文字列の連結
「+」記号を用いると、文字列同士を連結することができます。
「"にんじゃ"+"わんこ"」とすると「"にんじゃわんこ"」という１つの文字列
console.log("にんじゃ" + "わんこ");
console.log("A" + "B" + "C" );
##文字列の数値の違い
ここでも文字列と数値の違いを確認
"3" + "5"は「35」という文字列になる、3+5は「8」
「文字列と数値は別もの」
console.log("3" + "5");
console.log(3 + 5);
##演習
// 「ひつじ」と「仙人」を連結してコンソールに出力してください
console.log("ひつじ"+"仙人");
// 文字列の「20」と「15」を連結してコンソールに出力してください
console.log("20"+"15");