JavaScript基础第02天笔记

var result = 0.1 + 0.2;    // 结果不是 0.3，而是：0.30000000000000004
console.log(0.07 * 100);   // 结果不是 7，  而是：7.000000000000001

++num 前置递增，就是自加1，类似于 num =  num + 1，但是 ++num 写起来更简单。
var p1 = 10;
console.log(++p + 10); // 21

num++ 后置递增，就是自加1，类似于 num =  num + 1 ，但是 num++ 写起来更简单。
var num = 10;
alert(10 + num++);  // 20

var p = 10;
console.log(++p + p); // 22 (++p 11)  (p 11)
var age = 10;
console.log(age++ +age) // 21 (age++ 10) (age 11)

console.log(18 == '18');
console.log(18 === '18'); 

var isOk = !true;
console.log(isOk);  // false
console.log(!!true) // true 双重否定 代表肯定

<script>
  var num = 7;
  var str = "我爱你~中国~";
  console.log(num > 5 && str.length >= num); //true
  console.log(num < 5 && str.length >= num && num > 9); //false
  console.log(!(num < 10)); //false
  console.log(!(num < 10 || str.length == num)); //false
</script>

console.log( 123 && 456 );        // 456
console.log( 0 && 456 );          // 0
console.log( 123 && 456&& 789 );  // 789

console.log( 123 || 456 );         //  123
console.log( 0 ||  456 );          //  456
console.log( 123 || 456 || 789 );  //  123

var age = 10;
age += 5;  // 相当于 age = age + 5;
age -= 5;  // 相当于 age = age - 5;
age *= 10; // 相当于 age = age * 10;

 //  ++num   !num     2 + 3
console.log(4 >= 6 || '人' != '阿凡达' && !(12 * 2 == 144) && true)
var num = 10;
console.log(5 == num / 2 && (2 + 2 * num).toString() === '22');
console.log('-------------------');
var a = 3 > 5 && 2 < 7 && 3 == 4;
console.log(a); 
var b = 3 <= 4 || 3 > 1 || 3 != 2;
console.log(b);
var c = 2 === "2";
console.log(c);
var d = !c || b && a;
console.log(d);

// 分支结构
alert('买水果')
var xigua = '有'
if (xigua == '有') {
    alert('买西瓜')
} else {
    alert('买香蕉')
}

alert('买水果')
alert('买西瓜')
alert('买香蕉')

// 条件成立执行代码，否则什么也不做 
if (条件表达式) {
    // 条件成立执行的代码语句
}

语句可以理解为一个行为，循环语句和分支语句就是典型的语句。一个程序由很多个语句组成，一般情况下，会分割成一个一个的语句。

// 需求： 弹出一个输入框，要求用户输入年龄，如果年龄大于等于 18 岁，允许进网吧。
// 弹出 prompt 输入框，用户输入年龄， 程序把这个值取过来保存到变量中
// 使用 if 语句来判断年龄，如果年龄大于18 就执行 if 大括号里面的输出语句
var age = prompt('请输入您的年龄:');
if (age >= 18) {
  alert('我想带你去网吧偷耳机');
}

// 条件成立  执行 if 里面代码，否则执行else 里面的代码
if (条件表达式) {
    // [如果] 条件成立执行的代码
} else {
    // [否则] 执行的代码
}

// 接收用户输入的年份，如果是闰年就弹出闰年，否则弹出是平年
// 案例分析
// ① 算法：能被4整除且不能整除100的为闰年（如2004年就是闰年，1901年不是闰年）或者能够被
// 400 整除的就是闰年
// ② 弹出prompt 输入框，让用户输入年份，把这个值取过来保存到变量中
// ③ 使用 if 语句来判断是否是闰年，如果是闰年，就执行 if 大括号里面的输出语句，否则就执行 else
// 里面的输出语句
// ④ 一定要注意里面的且 && 还有或者 || 的写法，同时注意判断整除的方法是取余为 0
var year = prompt('请您输入年份：');
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
  alert('您输入的年份是闰年');
} else {
  alert('您输入的年份是平年');
}

// 需求： 接收用户输入的姓名，来判断是否中奖， 如果输入的是刘德华，则提示中了5块钱， 否则提示没有中奖。
// ① 弹出 prompt 输入框，让用户输入姓名，把这个值取过来保存到变量中
// ② 使用 if 语句来判断是否存在这个姓名，如果存在，就执行 if 大括号里面的输出语句，否则
// 就执行 else 里面的输出语句
// ③ 一定要注意判断是否相等，用 == 或者 ===
var username = prompt("请输入您的姓名："); 
if( username == "刘德华") {
alert("恭喜发财");
} else {
alert("谢谢惠顾,欢迎下次再来");
}

// 适合于检查多重条件。
if (条件表达式1) {
    语句1；
} else if (条件表达式2)  {
    语句2；
} else if (条件表达式3)  {
   语句3；
 ....
} else {
    // 上述条件都不成立执行此处代码
}

// 要求：接收用户输入的分数，根据分数输出对应的等级字母 A、B、C、D、E。
// 其中：
// 1. 90分(含)以上 ，输出：A
// 2. 80分(含)~ 90 分(不含)，输出：B
// 3. 70分(含)~ 80 分(不含)，输出：C
// 4. 60分(含)~ 70 分(不含)，输出：D
// 5. 60分(不含) 以下，输出： E
// 分析
// ① 按照从大到小判断的思路
// ② 弹出prompt输入框，让用户输入分数，把这个值取过来保存到变量中
// ③ 使用多分支 if else if 语句来分别判断输出不同的值
var score = prompt('请您输入分数:');
if (score >= 90) {
  alert('宝贝，你是我的骄傲');
} else if (score >= 80) {
  alert('宝贝，你已经很出色了');
} else if (score >= 70) {
  alert('你要继续加油喽');
} else if (score >= 60) {
  alert('孩子，你很危险');
} else {
  alert('熊孩子，我不想和你说话，我只想用鞭子和你说话');
}

条件表达式 ？ 表达式1 ： 表达式2
示例如下
3 > 1 ? '真的': '假的'

// 用户输入数字，如果数字小于10，则在前面补 0 ，比如01，09 ，如果数字大于10，则不需要补，比如 20。
// 案例分析
// 用户输入0~59之间的一个数字
// 如果数字小于10，则在这个数字前面补0,（加0） 否则 不做操作
// 用一个变量接受这个返回值，输出
var time = prompt('请您输入一个 0 ~ 59 之间的一个数字');
// 三元表达式   表达式 ？ 表达式1 ：表达式2 
var result = time < 10 ? '0' + time : time; //   把返回值赋值给一个变量
alert(result);

switch( 表达式 ){ 
    case value1:
        // 表达式 等于 value1 时要执行的代码
        break;
    case value2:
        // 表达式 等于 value2 时要执行的代码
        break;
    default:
        // 表达式 不等于任何一个 value 时要执行的代码
}

// 用户在弹出框里面输入一个水果，如果有就弹出该水果的价格， 如果没有该水果就弹出“没有此水果”。
// 案例分析
// ① 弹出 prompt 输入框，让用户输入水果名称，把这个值取过来保存到变量中。
// ② 将这个变量作为 switch 括号里面的表达式。
// ③ case 后面的值写几个不同的水果名称，注意一定要加引号 ，因为必须是全等匹配。
// ④ 弹出不同价格即可。同样注意每个 case 之后加上 break ，以便退出 switch 语句。
// ⑤ 将 default 设置为没有此水果。
var fruit = prompt('请您输入查询的水果:');
switch (fruit) {
  case '苹果':
    alert('苹果的价格是 3.5/斤');
    break;
  case '榴莲':
    alert('榴莲的价格是 35/斤');
    break;
  default:
    alert('没有此水果');
}