首页 > 其他分享 >【博学谷学习记录】超强总结,用心分享 | 前端开发 JS基础(三)

【博学谷学习记录】超强总结,用心分享 | 前端开发 JS基础(三)

时间:2023-02-02 20:12:23浏览次数:64  
标签:语句 arr JS 循环 let 数组 超强 前端开发 单元

JavaScript 基础(3)

if 多分支语句和 switch的区别:

  1. 共同点

    • 都能实现多分支选择, 多选1
    • 大部分情况下可以互换
  2. 区别:

    • switch…case语句通常处理case为比较确定值的情况,而if…else…语句更加灵活,通常用于范围判断(大于,等于某个范围)。
    • switch 语句进行判断后直接执行到程序的语句,效率更高,而if…else语句有几种判断条件,就得判断多少次
    • switch 一定要注意 必须是 === 全等,一定注意 数据类型,同时注意break否则会有穿透效果
    • 结论:
      • 当分支比较少时,if…else语句执行效率高。
      • 当分支比较多时,switch语句执行效率高,而且结构更清晰。

1 for 语句

掌握 for 循环语句,让程序具备重复执行能力

for 是 JavaScript 提供的另一种循环控制的话句,它和 while 只是语法上存在差异。

1.1 for语句的基本使用

  1. 实现循环的 3 要素
<script>
  // 1. 语法格式
  // for(起始值; 终止条件; 变化量) {
  //   // 要重复执行的代码
  // }

  // 2. 示例:在网页中输入标题标签
  // 起始值为 1
  // 变化量 i++
  // 终止条件 i <= 6
  for(let i = 1; i <= 6; i++) {
    document.write(`<h${i}>循环控制,即重复执行<h${i}>`)
  }
</script>
  1. 变化量和死循环,for 循环和 while 一样,如果不合理设置增量和终止条件,便会产生死循环。

  2. 跳出和终止循环

<script>
    // 1. continue 
    for (let i = 1; i <= 5; i++) {
        if (i === 3) {
            continue  // 结束本次循环,继续下一次循环
        }
        console.log(i)
    }
    // 2. break
    for (let i = 1; i <= 5; i++) {
        if (i === 3) {
            break  // 退出结束整个循环
        }
        console.log(i)
    }
</script>

结论:

  • continue 退出本次循环,一般用于排除或者跳过某一个选项的时候, 可以使用continue
  • break 退出整个for循环,一般用于结果已经得到, 后续的循环不需要的时候可以使用
  • while(true) 来构造“无限”循环,需要使用break退出循环。
  • for(;

    标签:语句,arr,JS,循环,let,数组,超强,前端开发,单元
    From: https://www.cnblogs.com/LuckFairy/p/17087254.html

相关文章

  • js 字符串常用的方法
    charAt(索引)获取索引位置的字符串toLowerCase()将字符串的所有字母转换为小写toUpperCase()将字符串的所有字母转换为大写replace(要被替换的内容,替换上去的内容)......
  • js函数中的this指向
    写代码的时候遇到这个问题了,在这里复习一下非箭头函数非箭头函数的this指向比较好理解,就是调用这个函数的对象,举个栗子:varobj={foo:{bar:3,......
  • JAXP、DOM4J、Jsoup、JsoupXPath等常用XML解析器的使用
    (JAXP、DOM4J、Jsoup、JsoupXPath等常用XML解析器的使用)XML概述XML(ExtensibleMarkupLanguage),可扩展标记语言。XML具有标签自定义,语法严格,适用于存储数据与传输数据......
  • package.json 的配置文件
                         ......
  • nodeJS+express搭建后台服务,node写后台接口
    确保电脑已安装node.新建个文件夹,准备存放服务文件,打开文件夹,按住shift右键快捷打开powershell窗口,执行命令npmiexpress然后依赖文件就安装好了   新建serve......
  • json-server
    json-server详细用法:JSON-Server是一个Node模块,运行Express服务器,你可以指定一个json文件作为api的数据源。安装json-servernpminstall-gjson-server启动......
  • js常用数组的方法
    push()从后面追加pop()从后面删除unshift()从前面添加shift()从前面删除reverse()反正数组splice()截取并添加sort()数组排序sort(function(a,b){retu......
  • 《Vue.js 设计与实现》读书笔记 - 第7章、渲染器的设计
    第7章、渲染器的设计7.1渲染器与响应系统的结合渲染器需要有跨平台的能力。在浏览器端会渲染为真实的DOM元素。const{effect,ref}=VueReactivity//VueRea......
  • 【笔记向】package.json main 作用
    package.jsonmain作用在package.json文件中,"main"字段指定了这个包在被其他包依赖时,入口文件的文件名。例如,如果在package.json中的"main"字段被设置为"index.......
  • json格式数据,淘宝1688京东商品详情获取,便携式API接口
    商品详情API接口,万邦数据返回值说明,商品详情,关键词搜索,价格监控,卖家买家订单等相关数据接口商品详情获取 测试接口 json格式数据 "item":{ "num_iid":"583191269......