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型)
--真偽型(boolean型)まとめ--
条件がtrueだった時は直後のブロックを実行
条件がfalseだった時は直後のブロックをスキップ
--条件式がfalseだった時にブロック内を実行させる方法--
if(条件式){
条件式がtrueの時に処理
}
else{
条件式がfalseの時に処理
}
〇第2条件式(if else if文)
if(第1条件式){
第1条件式のtrue時の処理
}else if(第2条件式){
第2条件式のtrue時の処理
}else{
第1条件も第2条件も両方falseだった時の処理
}
第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条件式を入力する際は大きい数値・大きい条件式から順に
入力すること。そしてまめにテストをして確認をすること。