一、运算符:
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 时的代码块。
练习:定义一个弹出的输入框 大于30万就买特斯拉 否则就弹出不行,代码如下:
let ck = prompt('请输入你的存款有多少');
if(ck > 300000){
alert('买特斯拉');
}else{
alert('你太穷了,你不配买车');
}
三、switch语句
switch case语句用于基于不同条件执行不同动作。
语法:
switch(表达式) {
case n:
代码块
break;
case n:
代码块
break;
default:
默认代码块
}
练习:
根据每天是周几使用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循环
语句 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>
练习二:
用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 );