网站接入服务商查询,南通网站开发价格,深圳专业做网站排名哪家好,指数是什么JavaScriptt的运算符和语句
一.运算符
算术运算符
数字是用来计算的#xff0c;比如#xff1a;乘法 * 、除法 / 、加法 、减法 - 等等#xff0c;所以经常和算术运算符一起。
算术运算符#xff1a;也叫数学运算符#xff0c;主要包括加、减、乘、除、取余#xff…JavaScriptt的运算符和语句
一.运算符
算术运算符
数字是用来计算的比如乘法 * 、除法 / 、加法 、减法 - 等等所以经常和算术运算符一起。
算术运算符也叫数学运算符主要包括加、减、乘、除、取余求模等
运算符作用求和-求差*求积/求商%取模取余数开发中经常用于作为某个数字是否被整除 注意在计算失败时显示的结果是 NaN not a number // 算术运算符
console.log(1 2 * 3 / 2) // 4
let num 10
console.log(num 10) // 20
console.log(num num) // 20// 1. 取模(取余数) 使用场景 用来判断某个数是否能够被整除
console.log(4 % 2) // 0
console.log(6 % 3) // 0
console.log(5 % 3) // 2
console.log(3 % 5) // 3// 2. 注意事项 : 如果我们计算失败则返回的结果是 NaN (not a number)
console.log(pink老师 - 2)
console.log(pink老师 * 2)
console.log(pink老师 2) // pink老师2赋值运算符
赋值运算符对变量进行赋值的运算符 将等号右边的值赋予给左边, 要求左边必须是一个容器
运算符作用加法赋值-减法赋值*乘法赋值/除法赋值%取余赋值
script
let num 1
// num num 1
// 采取赋值运算符
// num 1
num 3
console.log(num)
/script自增/自减运算符
符号作用说明自增变量自身的值加1例如: x–自减变量自身的值减1例如: x–
在前和在后在单独使用时二者并没有差别而且一般开发中我们都是独立使用在后后缀式我们会使用更多 注意 只有变量能够使用自增和自减运算符、-- 可以在变量前面也可以在变量后面比如: x 或者 x script// let num 10// num num 1// num 1// // 1. 前置自增// let i 1// i// console.log(i)// let i 1// console.log(i 1)// 2. 后置自增// let i 1// i// console.log(i)// let i 1// console.log(i 1)// 了解 let i 1console.log(i i i)/script比较运算符
使用场景比较两个数据大小、是否相等根据比较结果返回一个布尔值true / false
运算符作用左边是否大于右边左边是否小于右边左边是否大于或等于右边左边是否小于或等于右边左右两边是否类型和值都相等重点左右两边值是否相等!左右值不相等!左右两边是否不全等
scriptconsole.log(3 5)console.log(3 3)console.log(2 2)// 比较运算符有隐式转换 把2 转换为 2 双等号 只判断值console.log(2 2) // true// console.log(undefined null)// 全等 判断 值 和 数据类型都一样才行// 以后判断是否相等 请用 console.log(2 2)console.log(NaN NaN) // NaN 不等于任何人包括他自己console.log(2 ! 2) // true console.log(2 ! 2) // false console.log(-------------------------)console.log(a b) // trueconsole.log(aa ab) // trueconsole.log(aa aac) // trueconsole.log(-------------------------)
/script逻辑运算符
使用场景可以把多个布尔值放到一起运算最终返回一个布尔值
符号名称日常读法特点口诀逻辑与并且符号两边有一个假的结果为假一假则假||逻辑或或者符号两边有一个真的结果为真一真则真!逻辑非取反true变false false变true真变假假变真
ABA BA || B!Afalsefalsefalsefalsetruefalsetruefalsetruetruetruefalsefalsetruefalsetruetruetruetruefalse
script// 逻辑与 一假则假console.log(true true)console.log(false true)console.log(3 5 3 2)console.log(3 5 3 2)console.log(-----------------)// 逻辑或 一真则真console.log(true || true)console.log(false || true)console.log(false || false)console.log(-----------------)// 逻辑非 取反console.log(!true)console.log(!false)console.log(-----------------)let num 6console.log(num 5 num 10)console.log(-----------------)/script运算符优先级 逻辑运算符优先级 || 二.语句
表达式和语句 分支语句
分支语句可以根据条件判定真假来选择性的执行想要的代码
分支语句包含
if分支语句重点三元运算符switch语句
if 分支语句
语法
if(条件表达式) {// 满足条件要执行的语句
}小括号内的条件结果是布尔值为 true 时进入大括号里执行代码为false则不执行大括号里面代码
小括号内的结果若不是布尔类型时会发生类型转换为布尔值类似Boolean()
如果大括号只有一个语句大括号可以省略但是俺们不提倡这么做~
script// 单分支语句// if (false) {// console.log(执行语句)// }// if (3 5) {// console.log(执行语句)// }// if (2 2) {// console.log(执行语句)// }// 1. 除了0 所有的数字都为真// if (0) {// console.log(执行语句)// }// 2.除了 所有的字符串都为真 true// if (pink老师) {// console.log(执行语句)// }// if () {// console.log(执行语句)// }// // if () console.log(执行语句)// 1. 用户输入let score prompt(请输入成绩)// 2. 进行判断输出if (score 700) {alert(恭喜考入黑马程序员)}console.log(-----------------)/scriptif双分支语句
如果有两个条件的时候可以使用 if else 双分支语句
if (条件表达式){// 满足条件要执行的语句
} else {// 不满足条件要执行的语句
}例如 script// 1. 用户输入let uname prompt(请输入用户名:)let pwd prompt(请输入密码:)// 2. 判断输出if (uname pink pwd 123456) {alert(恭喜登录成功)} else {alert(用户名或者密码错误)}/scriptif 多分支语句
使用场景 适合于有多个条件的时候 script// 1. 用户输入let score prompt(请输入成绩)// 2. 判断输出if (score 90) {alert(成绩优秀宝贝你是我的骄傲)} else if (score 70) {alert(成绩良好宝贝你要加油哦~~)} else if (score 60) {alert(成绩及格宝贝你很危险~)} else {alert(成绩不及格宝贝我不想和你说话我只想用鞭子和你说话~)}/script三元运算符三元表达式
使用场景 一些简单的双分支可以使用 三元运算符三元表达式写起来比 if else双分支 更简单
符号? 与 : 配合使用
语法
条件 ? 表达式1 表达式2例如
// 三元运算符三元表达式
// 1. 语法格式
// 条件 ? 表达式1 : 表达式2 // 2. 执行过程
// 2.1 如果条件为真则执行表达式1
// 2.2 如果条件为假则执行表达式2// 3. 验证
// 5 3 ? 真的 : 假的
console.log(5 3 ? 真的 : 假的)// let age 18
// age age 1
// age// 1. 用户输入
let num prompt(请您输入一个数字:)
// 2. 判断输出- 小于10才补0
// num num 10 ? 0 num : num
num num 10 ? num : 0 num
alert(num)switch语句了解
使用场景 适合于有多个条件的时候也属于分支语句大部分情况下和 if多分支语句 功能相同
注意
switch case语句一般用于等值判断, if适合于区间判断switchcase一般需要配合break关键字使用 没有break会造成case穿透if 多分支语句开发要比switch更重要使用也更多
例如
// switch分支语句
// 1. 语法
// switch (表达式) {
// case 值1:
// 代码1
// break// case 值2:
// 代码2
// break
// ...
// default:
// 代码n
// }scriptswitch (2) {case 1:console.log(您选择的是1)break // 退出switchcase 2:console.log(您选择的是2)break // 退出switchcase 3:console.log(您选择的是3)break // 退出switchdefault:console.log(没有符合条件的)}
/script断点调试
**作用**学习时可以帮助更好的理解代码运行工作时可以更快找到bug
浏览器打开调试界面
按F12打开开发者工具点到源代码一栏 sources 选择代码文件
**断点**在某句代码上加的标记就叫断点当程序执行到这句有标记的代码时会暂停下来
循环语句
使用场景重复执行 指定的一段代码比如我们想要输出10次 ‘我学的很棒’
学习路径
1.while循环
2.for 循环重点
while循环
while : 在…. 期间 所以 while循环 就是在满足条件期间重复执行某些代码。
语法
while (条件表达式) {// 循环体
}例如
// while循环: 重复执行代码// 1. 需求: 利用循环重复打印3次 月薪过万不是梦毕业时候见英雄
let i 1
while (i 3) {document.write(月薪过万不是梦毕业时候见英雄~br)i // 这里千万不要忘了变量自增否则造成死循环
}循环三要素
1.初始值 经常用变量
2.终止条件
3.变量的变化量
例如
script// // 1. 变量的起始值// let i 1// // 2. 终止条件// while (i 3) {// document.write(我要循环三次 br)// // 3. 变量的变化量// i// }// 1. 变量的起始值let end prompt(请输入次数:)
let i 1
// 2. 终止条件
while (i end) {document.write(我要循环三次 br)// 3. 变量的变化量i
}/script中止循环
break 中止整个循环一般用于结果已经得到, 后续的循环不需要的时候可以使用提高效率
continue 中止本次循环一般用于排除或者跳过某一个选项的时候
script// let i 1// while (i 5) {// console.log(i)// if (i 3) {// break // 退出循环// }// i// }let i 1while (i 5) {if (i 3) {icontinue}console.log(i)i}/script无限循环
1.while(true) 来构造“无限”循环需要使用break退出循环。常用
2.for(; 也可以来构造“无限”循环同样需要使用break退出循环。
// 无限循环
// 需求 页面会一直弹窗询问你爱我吗
// (1). 如果用户输入的是 爱则退出弹窗
// (2). 否则一直弹窗询问// 1. while(true) 无限循环
// while (true) {
// let love prompt(你爱我吗?)
// if (love 爱) {
// break
// }
// }// 2. for(;;) 无限循环
for (; ;) {let love prompt(你爱我吗?)if (love 爱) {break}
}综合案例-ATM存取款机 分析
①提示输入框写到循环里面无限循环
②用户输入4则退出循环 break
③提前准备一个金额预先存储一个数额 money
④根据输入不同的值做不同的操作
(1) 取钱则是减法操作 存钱则是加法操作查看余额则是直接显示金额
(2) 可以使用 if else if 多分支 来执行不同的操作
完整代码
script// 1. 开始循环 输入框写到 循环里面// 3. 准备一个总的金额let money 100
while (true) {let re prompt(
请您选择操作
1.存钱
2.取钱
3.查看余额
4.退出
)// 2. 如果用户输入的 4 则退出循环 break 写到if 里面没有写到switch里面 因为4需要break退出循环if (re 4) {break}// 4. 根据输入做操作switch (re) {case 1:// 存钱let cun prompt(请输入存款金额)money money cunbreakcase 2:// 存钱let qu prompt(请输入取款金额)money money - qubreakcase 3:// 存钱alert(您的银行卡余额是${money})break}
}
/script
