一、运算符
1.比较运算符 > 、 < 、 >= 、 <= 、 != 、 == 、===
let num = 1;
let num2 =2;
console.log(num > num2);/*返回值是false*/
console.log(num < num2);/*返回值是true*/
console.log(num >= num2);/*返回值是false*/
console.log(num <= num2);/*返回值是true*/
console.log(num != num2);/*返回值是true*/
console.log(num !== num2);/*返回值是true */
/*如果num = 2 num !== num2 返回值就是false */
var num1 = 2;
var num3 = '2';
console.log(num1 == num3)/*返回值会比较把字符串改成数字 返回值是true*/
console.log(num1 === num3)/*表示全等 还会比较类型 所以返回值是false*/
2.逻辑运算符 && 、||、 ! (与、或、非)
/* && */
console.los(false && true);/*左右两个都要是true返回值才是true*/
/* || */
console.log(true || false);/*左右两个只要有一个是true返回值就是true*/
let num = 5;
let num2 = 10;
let num3 = 8;
console.log(num3 > num && num3 < num2);/*返回值是true 如果num3等于4 那么返回值就是false*/
console.log(num3 > num || num3 < num2);/*返回值是true num3等于4 返回值也是4*/
/*！取反*/
console.log(!true);/*它的返回值就是false*/
运算符练习
利用函数点击按钮触发true 再次点击切换为false
<button onclick="fn()">点我</button>
<script>
/*外面定义的布尔类型的变量值为true */
let flag=true;
/*点击执行fn()方法*/
function fn(){
/*先打印外面的flag 先执行*/
alert(flag);
/*把原来的flag取反 再把值给到外面的flag从而改变外面flag的值 后执行*/
flag = !flag;
}
</script>
二、if、else条件语句
if 语句
使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码块。
else 语句
请使用 else 语句来规定假如条件为 false 时的代码块。
练习一
定义一个变量 qian在弹出的输入框中输入钱数，大于200就在控制台打印去吃大餐，否则就吃兰州拉面，代码如下：
let qian = prompt('你老婆给你多少零花钱');
if(qian > 200){
console.log('去吃大餐');
}else{
console.log('吃兰州拉面');
}
练习二
定义一个弹出的输入框 大于30万就买特斯拉 否则就弹出不行，代码如下:
let ck = prompt('请输入你的存款有多少');
if(ck > 300000){
alert('买特斯拉');
}else{
alert('你太穷了，你不配买车');
}
else if 语句
if条件使用完后，再使用 else if 来规定当首个条件为 false 时的新条件。可以有多个else if
graph TD
if --> 条件true --> else --> 条件false
else --> elseif -->首个条件false
首个条件false --> else
练习
输入成绩大于90分的弹出优秀，大于等于60分的给及格，否则不及格，代码如下：
let cj = prompt('请输入考试成绩');
if(cj > 90){
alert('优秀');
}else if(cj >=60){
alert('及格');
}else{
alert('不及格');
}
三、switch语句
switch case语句用于基于不同条件执行不同动作。
语法
switch(表达式) {
case n:
代码块
break;
case n:
代码块
break;
default:
默认代码块
}
break 关键词
如果 JavaScript 遇到 break 关键词，它会跳出 switch 代码块。
default 关键词
default 关键词规定不存在 case 匹配时所运行的代码：
练习一
根据每天是周几使用switch语句输出不同语述口
-
周一输出---新的一周开始了
-
周二输出---努力工作
-
口周五输出---明天就是周末了
-
口周六日输出---放松的休息
-
否则---工作中 代码如下：
switch (prompt('今天是周几')) { case '1': alert('新的一周开始了'); break; case '2': alert('努力工作'); break; case '5': alert('明天就是周末了'); break; case '6': alert('放松休息'); break; default: alert('工作中'); }
练习二 简单计算
点击按钮弹出输入框，显示请输入第一个数，然和弹出请输入第二个数，再弹出请输入运算符最后提示框显示结果，代码如下：
<button onclick="num()">点我一下</button>
<script>
function num() {
let num1 = parseInt(prompt('请输入第一个数'));
let num2 = parseInt(prompt('请输入第二个数'));
let num3 = prompt('请输入运算符');
switch (num3) {
case '+':
var jg = num1 + num2;
alert('运算的结果' + num1 + num3 + num2 + '=' + jg);
break;
case '-':
var k = num1 - num2;
alert('运算的结果' + num1 + num3 + num2 + '=' + k);
break;
case '*':
var l = num1 * num2;
alert('运算的结果' + num1 + num3 + num2 + '=' + l);
break;
case '/':
var m = num1 / num2;
alert('运算的结果' + num1 + num3 + num2 + '=' + m);
break;
default:
alert('您输入的格式不正确');
}
}
</script>
四、for循环
for 循环是在您希望创建循环时经常使用的工具。
for 循环的语法如下：
for (语句 1; 语句 2; 语句 3) {
要执行的代码块
}
语句 1 在循环（代码块）开始之前执行。
通常，您会使用语句 1 来初始化循环中所使用的的变量（i = 0）。
但情况并不总是这样，JavaScript 不会在意。语句 1 是可选的。
您可以在语句 1 中初始化多个值（由逗号分隔）
语句 2 定义运行循环（代码块）的条件。
通常语句 2 用于计算初始变量的条件。
但情况并不总是这样，JavaScript 不会在意。语句 2 也是可选的。
如果语句 2 返回 true，那么循环会重新开始，如果返回 false，则循环将结束。
如果省略语句 2，那么必须在循环中提供一个 break。否则循环永远不会结束。
语句 3 会在循环（代码块）每次被执行后执行。
通常语句 3 会递增初始变量的值。
但情况并不总是这样，JavaScript 不会在意。语句 3 也是可选的。
语句 3 可做任何事情，比如负递增（i--），正递增（i = i + 15），或者任何其他事情。
语句 3 也可被省略（比如当您在循环内递增值时）
练习1
打印我爱js1、我爱js2....我爱js5，输出再HTML中，代码如下：
<script>
/*var i=1是第一步先定义一个变量赋值为1*/
/* i<=5是第二步把变量i和5进行判断，
满足i<=5这个条件，就执行下面的条件*/
/*i++是第三步给变量i加1再和i<=5进行判断，
满足条件继续执行下面的代码块，
i++ i=6的时候不满足i<=5条件就会终止循环*/
for (var i = 1 ; i <= 5 ; i++){
document.write('<h1>'+'我爱js' + i + '</h1>');
}
</script>
练习2
用for循环求出100内的所有偶数和与奇数和,代码如下：
var j = 0;
var k = 0;
for(var i = 0; i <=100; i++){
if(i % 2 ==0){
j += i;
}else{
k += i;
}
}
document.write('所有奇数和是'+ k );
document.write('所有偶数和是'+ j );
