alienHRNの訓練日記

IT業界初心者で勉強中。

20200727 授業メモ エスケープシーケンス 比較演算子(if文)

20〇エスケープシーケンス
\'→コンソール上に'を表示させる時に使う
\"コンソール上に"を表示させる時に使う
\\→エスケープシーケンス記号(JSで意味のある記号)
\n→改行
\r→復帰
\t→タブ
 
上記の6つの書き方を覚えていればおk
 
 
〇制御構文・比較演算子
・if文
if(条件式){
インデントを必ずとること!→ 条件が満たされたときの処理
}

※{}→ブロックと言う


JSファイル
var age = 16;//年齢を管理する変数
if (age < 20) { console.log('未成年'); } 
→年齢管理の変数に20未満の数値を入力すると
コンソール上に 未成年と表示される。 
//条件:変数payが10000以上 //条件が満たされると直後のブロックを実行
  
 
 
var pay=10000; if (pay>= 10000) {
  console.log('使いすぎ');
  }
  //ブロック内には必要があれば複数の処理を記述できる。

  console.log(pay >= 10000);
  //比較演算子は条件の結果で「true」「false」を返す。

  //true:条件が満たされたときの値
  //false:条件が満たされなかった時の値

  ↑データ型:真偽型(boolean型)
 

f:id:alienHRN:20200727150424p:plain

 

 

 

  --真偽型(boolean型)まとめ--
  条件がtrueだった時は直後のブロックを実行
  条件がfalseだった時は直後のブロックをスキップ



  --条件式がfalseだった時にブロック内を実行させる方法--

  if(条件式){
  条件式がtrueの時に処理
  }
  else{
  条件式がfalseの時に処理
  }

f:id:alienHRN:20200727151734p:plain

 〇第2条件式(if else if文)



  if(第1条件式){

  第1条件式のtrue時の処理
  }else if(第2条件式){
  第2条件式のtrue時の処理

  }else{
  第1条件も第2条件も両方falseだった時の処理
  }

 

f:id:alienHRN:20200727151936p:plain

  
第2条件式の例題

  console.log('☆追加問題');
  var perches_price = 3000;//入力値

  var shipping_fee = 500;//送料

  if (num >= 5000) {
  console.log('送料無料');
  console.log('支払金額:' + perches_price + '円');

  } //5000円以上の場合送料が0


  else if (perches_price >= 3000) {
  var shipping_fee = 200;
  console.log('送料' + shipping_fee + '円');
  console.log('支払金額:' + perches_price + '円');
  console.log('支払合計金額:' + (perches_price + shipping_fee) + '円');

  }//3000円以上の場合送料が200円

  else {
  console.log('送料' + shipping_fee + '円');
  console.log('支払金額:' + perches_price + '円');
  console.log('支払合計金額:' + (perches_price + shipping_fee) + '円');

  }//それ以外は元々の送料の500円がかかる。
 
 
 
 
 

〇よくあるミステイク

  console.log('修正前');
  var num = 20;
  
  if (num >= 20) {
  console.log('20以上');
  } else if (num >= 40) {
  console.log('40以上');
  } else {
  console.log('20より小さい');
  }
  
  


  console.log('修正後');
  
  var num = 19;
  
  if (num >= 40) {
  console.log('20以上');
  } else if (num >= 20) {
  console.log('20以上');
  } else {
  console.log('20より小さい');
  }


//第1、第2条件式を入力する際は大きい数値・大きい条件式から順に
入力すること。そしてまめにテストをして確認をすること。