【JavaScript 超入門コース】09.演算子｜足し算や引き算、2つの値の大小を比較するときに使います【プログラミング初心者向け入門講座】

この動画では、JavaScriptの演算子について説明します。文字の書き起こし、ソースコードも完全無料です。サイトでの登録なども一切不要です。概要欄の下部にサイトURLあります。 ▼目次 00:12 演算子とは？ 00:23 算術演算子 01:20 関係演算子 03:27 論理演算子 04:58 代入演算子、複合代入演算子 05:57 インクリメント・デクリメント お詫び 2:20の字幕がFlaseになっています。正しくはfalseです。 ▼関連動画 【JavaScript超入門コース】01.コース紹介（   • 【JavaScript超入門コース】01.コース紹介｜初心者にわかりやすい...  ) 【JavaScript超入門コース】02.JavaScriptとは (   • 【JavaScript超入門コース】02.JavaScriptとは？｜Ja...  ) 【JavaScript超入門コース】03.環境構築(for Mac) (   • 【JavaScript超入門コース】03.環境構築 for Mac｜プログ...  ) 【JavaScript超入門コース】03.環境構築(for Windows) (   • 【JavaScript超入門コース】03.環境構築 for Windows...  ) 【JavaScript超入門コース】04.プログラムの基本構造 (   • 【JavaScript超入門コース】04.プログラムの3つの基本構造｜プロ...  ) 【JavaScript超入門コース】05.実行 (   • 【JavaScript超入門コース】05.プログラム実行方法 ｜プログラム...  ) 【JavaScript超入門コース】06.変数 (   • 【JavaScript超入門コース】06.変数 ｜変数は、例えるなら「箱」...  ) 【JavaScript超入門コース】07.データ型 (   • 【JavaScript超入門コース】07.データ型 ｜変数に入れるデータの...  ) 【JavaScript超入門コース】08.配列 (   • 【JavaScript超入門コース】08.配列｜変数を箱。配列をロッカーに...  ) 【JavaScript超入門コース】09.演算子 (   • 【JavaScript 超入門コース】09.演算子｜足し算や引き算、2つの...  ) 【JavaScript超入門コース】10.条件分岐 (   • 【JavaScript超入門コース】10.条件分岐｜条件にあてはまればAと...  ) 【JavaScript超入門コース】11.繰り返し (   • 【JavaScript超入門コース】11.繰り返し｜同じ処理を何度も実行で...  ) 【JavaScript超入門コース】12.関数 (   • 【JavaScript超入門コース】12.関数 ｜関数を料理ロボットに例え...  ) 【JavaScript超入門コース】13.クラス (   • 【JavaScript超入門コース】13.クラス｜クラスとは、「データ」と...  ) 【JavaScript超入門コース】14.実践 (   • 【JavaScript超入門コース】14.実践｜すべて理解できればJava...  ) 【JavaScript超入門コース】15.総集編（   • JavaScript超入門コース 合併版【JavaScriptの超基本的な...  ) ▼各超入門コース 合併版（約1時間） 【Python超入門コース】(   • Python超入門コース 合併版｜Pythonの超基本的な部分をたった1時...  ) 【JavaScript超入門コース】(   • JavaScript超入門コース 合併版【JavaScriptの超基本的な...  ) 【Java超入門コース】(   • Java超入門コース 合併版【Javaの超基本的な部分をたった1時間で学べ...  ) 【PHP超入門コース】(   • PHPのプログラミング初心者向けの超入門講座｜たった1時間で学べる【文字書...  ) 【Go超入門コース】(   • 【たった1時間で学べる】Go言語のプログラミング初心者向けの超入門講座【文...  ) 【Ruby超入門コース】(   • 【たった1時間で学べる】Rubyのプログラミング初心者向けの超入門講座【文...  ) 【Kotlin超入門コース】(   • 【たった1時間で学べる】Kotlinのプログラミング初心者向けの超入門講座...  ) ▼自己紹介 現在：フリーランス（マーケティング関連の人工知能開発、データ分析や業務自動化など） 前職：リクルート ▼SNS Twitter : https://twitter.com/kino_code/likes Facebook : https://www.facebook.com/%E3%82%AD%E3%83%8E%E3%82%B3%E3%83%BC%E3%83%89-105693727500005/ Website : https://kino-code.com/ ▼文字書き起こし 演算子とは？ 演算子とは、足し算、引き算などの四則演算や2つの値の大小を比較するときに使う記号のことです。 算術演算子 算術演算子からみていきましょう。 算術演算子とは、足し算、引き算、掛け算、割り算などをするための演算子です。 早速、ソースコードを見ていきましょう。 var x = 10; var y = 2;　 console.log(x + y); console.log(x - y); console.log(x * y); console.log(x / y); console.log(x % y); xという変数に「10」、yという変数に「2」を代入。 このxとyの変数を使って、演算子の役割をみていきましょう。 足し算と引き算はそのままプラスとマイナスです。 掛け算はアスタリスク( * )です。 割り算は、スラッシュ( / )です。 最後に剰余です。剰余とは、割り算の余りのことです。 剰余は、パーセント( % )です。 足し算の結果は「12」、引き算は「8」、掛け算は「20」、割り算は「5」、剰余は「0」になるはずです。 実行して、表示させてみましょう。 予想通りの結果となりました。 関係演算子 次は関係演算子です。 関係演算子とは、2つの値の関係が正しいか正しくないか判断させる演算子のことです。 例えば、「20」という数字は、「10」より大きいです。これを比較することができます。 関係演算子は、次のレッスンで学ぶ条件分岐のif文などでよく使います。 次に、等価についてみていきましょう。 等価とは、2つの値が等しいということです。 等価はイコールが2つです。 等価ではない場合は、エクスクラメーションマークにイコールです。 コードで試してみましょう。 var x = 10; var y = 2;　 console.log(x == y); console.log(x != y); 「10」と「2」は同じではないので、正しくないときの「Flase」が返ってくるはずです。 等価ではないので、こちらは「True」が返ってくるはずです。 実行してみましょう。 それぞれ「False」と「True」が返ってきました。 論理演算子 次は論理演算子についてみていきましょう。 論理演算子とは、複数の条件を判断させる演算子のことです。 日本語でいうと「かつ」とか「または」のことです。英語でいうとandとorです。 and条件は&&が2つ、or条件は縦線の||（パイプライン）が2つです。 代入演算子 次に、代入演算子です。 今まで変数に代入するときに使っていた「=」は代入演算子といいます。 また、代入する時に、足し算や引き算を同時にすることができます。 足し算、引き算などと組み合わせて代入する演算子のことを複合代入演算子といいます。 例えば、xという変数に「10」を足してから、xに代入する方法は、「x += 10」です。 例えば、zにyを足してからzに代入する方法は、「z += y」です。 コードで試してみましょう。 var x = 8; var y = 12;　 var z = 20;　 x += 10; z += y; console.log(x); console.log(z); xに8、yに12、zに20を代入して、複合代入演算子を試してみましょう。 xは18となり、zは32となるはずです。 確認してみましょう。 予想通りの結果が返ってきました。 ※続きは、文字書き起こしブログで ▼文字書き起こし&ソースコードは下記ブログ https://kino-code.com/course-javascript09-operator/ ▼タグ #JavaScrpt初心者 #プログラミング入門 #演算子