当前位置: 首页 > news >正文

Day2 JS基础

2.1 运算符
  • 赋值运算符

    =

    +=

  • 一元运算符

    ++

    --

    <script>let h=20let k=h++ + h++console.log(h) //22console.log(k) //42let i=1console.log(i++ + ++i +i)  //7
    ​// 递增运算符:++var a=8a++console.log(a)  //9
    ​var num=10var b=num++console.log(b)  //10</script>

  • 比较运算符

    大于号>

    小于号<

    大于等于号>=

    小于等于号<=

    == 先把两边数据转换为同一类型,在比较左右两边值是否相等

    === 左右两边是否类型和值都相等(开发中判断是否相等,强烈推荐使用===)

    !== 左右两边是否不全等

     <script>console.log(3 > 5)  //falseconsole.log(3 >= 3)  //true/* 双等号,只判断值 比较运算符有隐式转换  把'2'转换为2  */console.log(2 == 2)  //true/* 全等号,判断值和数据类型都一样才行 */console.log(2 === '2')  //falseconsole.log(NaN === NaN)  //false   NaN不等于任何人,包括他自己console.log(2 !== '2')  //trueconsole.log(2 != '2')  //false
    ​console.log('a' < 'b')  //trueconsole.log('ab' < 'ac')  //true</script>

  • 逻辑运算符

    && 一假则假

    || 一真则真

    ! 真变假,假变真(通常给布尔值取反)

    <script>const num = +prompt('请输入一个整数:')/* if(num%4===0 && num%100!==0){alert('true')}else{alert('false')} */alert(num % 4 === 0 && num % 100 !== 0)</script>

逻辑中断

 <script>let age=18console.log(false && age++)  //age++不执行,一假则假,中断console.log(age)  //18
​let num=20console.log(true || num++)  //num++不执行,一真则真,中断console.log(num)  //20
​console.log(11 && 22)  //都是真,则返回最后一个值console.log(33 || 44)  //都是真,则返回第一个真值</script>
  • 运算符优先级

    1. 小括号 ()

  1. 一元运算符 ++ -- !

  2. 算术运算符 * / % + -

  3. 关系运算符 > >= < <=

  4. 相等运算符 == != === !==

  5. 逻辑运算符 && ||

  6. 赋值运算符 =

  7. 逗号运算符 ,

<script>let a = 3 > 5 && 2 < 7 && 3 == 4console.log(a)  //falselet b = 3 <= 4 || 3 > 1 || 3 != 2console.log(b)  //truelet c = 2 === "2"console.log(c)  //falselet d = !c || b && aconsole.log(d)  //true
​
​</script>

 

2.2 语句
2.2.1 顺序结构
2.2.2 分支结构
  • if分支语句

    // 条件成立执行代码,否则什么也不做
    if (条件表达式) {// 条件成立执行的代码语句
    }
    ​
    // 条件成立  执行 if 里面代码,否则执行else 里面的代码
    if (条件表达式) {// [如果] 条件成立执行的代码
    } else {// [否则] 执行的代码
    }
    ​
    // 适合于检查多重条件
    if (条件表达式1) {语句1;
    } else if (条件表达式2)  {语句2;
    } else if (条件表达式3)  {语句3;....
    } else {// 上述条件都不成立执行此处代码
    }

  • 三元运算符

    表达式1 ? 表达式2 : 表达式3;
    switch语句(一般用于特定值的判断,break跳出整个循环)switch( 表达式 ){ case value1:// 表达式 等于 value1 时要执行的代码break;case value2:// 表达式 等于 value2 时要执行的代码break;default:// 表达式 不等于任何一个 value 时要执行的代码
    }

2.2.3 循环结构
  1. for循环

    语法:

    for(初始化变量;条件表达式;操作表达式){

    //循环体

    }

    初始化变量在for循环内只执行一次

    条件表达式用来判断每次循环是否能够执行

    // 1.for (let i = 1; i <= 100; i++) {console.log('亲爱的,我错了!')}// 2.let num = +prompt('请输入你想道歉的次数:')for (let i = 1; i <= num; i++) {console.log('都是我的错')}// 3.let sum = 0for (let i = 1; i <= 100; i++) {if (i % 3 === 0) {sum += i}}console.log(sum)// 4.let sum1 = 0for (let i = 1; i <= 200; i++) {sum1 += i}console.log(sum1)// 5.let m = 0, n = 0for (let i = 1; i <= 100; i++) {if (i % 2 == 0) {m++} else {n++}}console.log('偶数为:' + m, '奇数为:' + n);// 6.let sum2 = 0let num2 = +prompt('请输入录入成绩的人数:')for (let i = 1; i <= num2; i++) {let sort = +prompt(`请输入第${i}个人的成绩:`)sum2 += sort}console.log('总成绩:' + sum2);console.log('平均成绩:' + sum2 / num2);

  2. 双重for循环

    里层和外层初始化变量不能一样

    for(外层初始化变量;外层条件表达式;外层操作表达式){

    for(里层初始化变量;里层条件表达式;里层操作表达式){

    }

  3. while(条件表达式){ //循环体}

    使用 while 循环时一定要注意,它必须要有退出条件,否则会成为死循环

  4. do{ //循环体}

    while(条件表达式)

    先再执行循环体,再判断,do…while循环语句至少会执行一次循环体代码

  5. continue

    推出本次循环,进行下次循环

  6. break

    退出整个循环体,不再进行后面的循环

2.3 综合案例
    
// 1.let money = 0while (true) {let num = +prompt(`请输入您要的操作: \n 1.存钱 \n 2.取钱 \n 3.显示余额 \n 4.退出`)if (num == 4) {break}switch (num) {case 1:money += +prompt('请输入您要存入的金额:')alert('您的余额为:' + money)break;case 2:money -= +prompt('请输入您要取出的金额:')alert('您的余额为:' + money)break;case 3:alert('您的余额为:' + money)break;default:alert('您输入错误,请重新输入!')}}
​// 2./* let sum=0for(let i=1;i<=100;i++){if(i%10!==3){sum+=i}}console.log(sum) */// 3./* let sum=0for(let i=1;i<=100;i++){if(i%3==0&&i%7==0){sum+=i}}console.log(sum) */// 4./* let k = 0for (let i = 1; i < 1000; i++) {if (i % 3 == 0 && i % 7 == 0) {k++// console.log(k+' '+i);if (k == 35) {console.log(i)}}}*/
​

http://www.lryc.cn/news/306585.html

相关文章:

  • mybatis----有用配置知识归纳(狂神说学习总结)
  • 【TCP/IP】组播
  • java 内存模型
  • Linux——缓冲区封装系统文件操作
  • 深度学习系列59:文字识别
  • 学习JAVA的第七天(基础)
  • GoLand 相关
  • 顶顶通呼叫中心中间件-如何使处于机器人话术中的通话手动转接到坐席分机上
  • RabbitMQ开启MQTT协议支持
  • Orange3数据预处理(列选择组件)数据角色及类型描述
  • c sharp资料
  • 《低功耗方法学》翻译——第十四章:电源切换网络设计
  • 如何使用Axure RP制作web页面并实现无公网ip远程访问——“cpolar内网穿透”
  • vue2实现无感刷新token
  • 每日学习-2月18日
  • AI 使人机交互发生根本性转变 AI芯片主战场,变了
  • 容器库(12)-std::unordered_multiset
  • Mysql学习之事务日志undolog深入剖析
  • springboot整合druid及可能遇到的问题
  • c++文件的打开、读写和关闭。缓冲区的使用和控制。
  • 网络层的DDoS攻击与应用层的DDoS攻击之间的区别
  • Windows系统安全策略设置之本地NTLM重放提权
  • AI云增强升级!还原生动人像,拍出质感照片
  • PHP WebSocket:技术解析与实用指南
  • K8S实战:Centos7部署Kubernetes1.24.0集群
  • webpack的使用(中)
  • matlab经验模式分解的R波检测算法
  • win10编译openjdk源码
  • mysql 自定义函数create function
  • 【析】装卸一体化车辆路径问题的自适应并行遗传算法