javaScript基础
day02
输入输出语句
prompt() 输入
console.log() 输出
docuent.write() 输出
alert() 弹窗输出
数据类型转换
1、转换成数字类型
typeof() 查看数据类型
Number() 只能放数字m
parseFloat() 用来过渡单位
2、转换成字符串类型
算数运算符
加 +
减 -
乘 *
除 /
逻辑运算符
&& 逻辑与
|| 逻辑或
! 逻辑非
语句
表达式:
表达式是一组代码吉集合
语句
js 整句活命令,js语句是以分号结束(可省略)
比如:
if 语句 for 循环语句
区别
表达式计算出一个值,但语句用来自行使某件事发生给(做什么事)
表达式:3+4
语句:alert() 弹出对话框
分支语句
程序三大流程语句
1、顺序
2、分支
3、循环
分支于语句
if 分支语句
三元运算符
switch 语句
1、if 语句
if(条件){
满足条件要执行的代码
}
else{
不满足条件执行
}
// 例如
if(false){
alert(no)
}
多分支语句
if (条件一){
代码一
}else if(条件二){
代码二
}else if (条件三){
代码三
}
else{
条件n
}
三元运算符
语法格式:
条件 ? 满足条件执行代码:不满足条件执行代码
console.log(true ? 1:2)
3>5?alert('对'):alert('错')
let number1 = 20
let number2 = 30
let result = number1 > number2 ? number1 : number2
document.write(result)
switch 语句
=== 适合等值判断 不适合于区间判断
switch 一定要结合break 使用
语法:
switch (数据){
case 第一个值:
代码一
break;
case 第二个值:
代码二
break;
case 第三个值:
代码三
break;
default:
代码n
break;
}
–案例–
// 简单计算器
<script>
// 1用户输入数字
let num1 = +prompt('输入第一个数:')
// num1=parseFloat(num1)
let num2 = +prompt('输入第二个数:')
// num2 = parseFloat(num2)
let sp = prompt('请输入+ ,- ,*,/')
let result;
switch(sp){
case '+':
result = num1+num2
document.write(`${num1}+${num2} = ${result}`)
break;
case '-':
result = num1-num2
document.write(`${num1}-${num2} = ${result}`)
break;
case '*':
result = num1*num2
document.write(`${num1}*${num2} =${result}`)
break;
case '/':
result = num1/num2
document.write(`${num1}/${num2} =${result}`)
break;
default:
document.write(`输入数据不对`)
break;
}
</script>
while 循环
语法:
while 循环 :重复执行某段代码 whlie 在。。。期间<br>
while (循环条件){
要重复执行的代码(循环体)
}
注意:
- 1、变量起始值
- 2、终止条件 (没有终止条件,造成死循环)
- 3、变量变化量(用自增或者自剪)
案例:
<script>
let i=1;
while (i <=10){
document.write(`虽然你是个好人 ,但是我们不适合<br>`)
i++; // 变量的变化
}
</script>
// 输出 不同值 <br />
<script>
let i = 10;
let n = 1;
while (i <=100){
document.write(`第${n}次输出${i}<br>`)
i++
n++
}
</script>
// 输出 1 到100 的累加和
<script>
let i = 1;
let s=0;
while(i<=100){
s=s+i
i++
}
document.write(`${s}`)
</script>
求1到100 之间的偶数累加和
<script>
let i = 1;
let s=0;
while (i<=100){
if(i%2===0){
s = s+i;
}
i++
}
document.write(s)
</script>
循环退出
退出循环 break 和 continue 的区别,
continue 结束本次循环,继续下次循环
break 退出循环
页面弹窗:
<script>
while(true){
let str = prompt("你爱我吗?")
if(str ==="爱"){
alert("我也爱你")
break;
}
}
</script>
综合案例:
简易ATM取款机
// 简易取款机案例:
<script>
let money = 100;
while(true){
let str = prompt(`
请选择操作:
1、存钱
2、取钱
3、查看余额
4、退出
`)
if(str ==='4'){
break;
}
switch(str){
case '1':
let cun = +prompt('请输入存钱金额:')
let cuns = parseFloat(cun)
money = cun+money
break;
case "2":
let qu = +prompt(`输入取款金额`)
money = money - qu
break;
case '3':
alert(`你当前的余额为:${money}`)
break;
}
}
</script>