沉梦手记 沉梦手记
首页
  • 基础篇
  • 集合篇
  • 并发篇
  • JVM
  • 新特性
  • 计算机网络
  • 操作系统
  • 数据结构与算法
  • 数据库基础
  • MySql
  • Redis
  • 达梦数据库
  • Spring
  • SpringBoot
  • Mybatis
  • Shiro
  • 设计须知
  • UML画图
  • 权限校验
  • 设计模式
  • API网关
  • 网络通信
  • 消息队列
  • SpringCloud
  • 分布式事务
  • 云存储
  • 搜索引擎
  • 前端基础
  • Vue
  • React
  • 开发工具篇
  • 工具库篇
  • 开发技巧篇
  • 工具类系列
  • 运维与部署
  • 音视频处理
  • 随笔
  • 博客搭建
  • 网站收藏箱
  • 断墨寻径摘录
  • 费曼学习法
Github (opens new window)

沉梦听雨

时间是最好的浸渍剂,而沉淀是最好的提纯器🚀
首页
  • 基础篇
  • 集合篇
  • 并发篇
  • JVM
  • 新特性
  • 计算机网络
  • 操作系统
  • 数据结构与算法
  • 数据库基础
  • MySql
  • Redis
  • 达梦数据库
  • Spring
  • SpringBoot
  • Mybatis
  • Shiro
  • 设计须知
  • UML画图
  • 权限校验
  • 设计模式
  • API网关
  • 网络通信
  • 消息队列
  • SpringCloud
  • 分布式事务
  • 云存储
  • 搜索引擎
  • 前端基础
  • Vue
  • React
  • 开发工具篇
  • 工具库篇
  • 开发技巧篇
  • 工具类系列
  • 运维与部署
  • 音视频处理
  • 随笔
  • 博客搭建
  • 网站收藏箱
  • 断墨寻径摘录
  • 费曼学习法
Github (opens new window)
  • 前端基础

    • 前端环境搭建
    • HTML与CSS
    • JavaScript知识点整理

      • 什么是ES6?
      • 声明变量(作用域)
      • 基本类型
      • 对象类型
      • 类型
      • 运算符与表达式
      • 流程控制
        • API
      • Axios入门
    • Vue

    • React

    • 前端学习
    • 前端基础
    • JavaScript知识点整理
    沉梦听雨
    2023-07-06
    目录

    流程控制

    # 3、控制语句

    • if ... else
    • switch
    • while
    • do ... while
    • for
    • for ... in ⭐️
    • for ... of ⭐️
    • try ... catch ⭐️

    # 1) for in

    主要用来遍历对象

    let father = {name:'张三', age:18, study:function(){}};
    
    for(const n in father) {
        console.log(n);
    }
    
    1
    2
    3
    4
    5
    • 其中 const n 代表遍历出来的属性名
    • 注意1:方法名也能被遍历出来(它其实也算一种特殊属性)
    • 注意2:遍历子对象时,父对象的属性会跟着遍历出来
    let son = Object.create(father);
    son.sex = "男";
    
    for(const n in son) {
        console.log(n);
    }
    
    1
    2
    3
    4
    5
    6
    • 注意3:在 for in 内获取属性值,要使用 [] 语法,而不能用 . 语法
    for(const n in son) {
        console.log(n, son[n]);
    }
    
    1
    2
    3

    # 2) for of

    主要用来遍历数组,也可以是其它可迭代对象,如 Map,Set 等

    let a1 = [1,2,3];
    
    for(const i of a1) {
        console.log(i);
    }
    
    let a2 = [
        {name:'张三', age:18},
        {name:'李四', age:20},
        {name:'王五', age:22}
    ];
    
    for(const obj of a2) {
        console.log(obj.name, obj.age);
    }
    
    for(const {name,age} of a2) {
        console.log(name, age);
    }
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19

    # 3) try catch

    let stu1 = {name:'张三', age:18, address: {city:'北京'}};
    let stu2 = {name:'张三', age:18};
    
    function test(stu) {
        try {
            console.log(stu.address.city)   
        } catch(e) {
            console.log('出现了异常', e.message)
        } finally {
            console.log('finally');
        }
    }
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    上次更新: 2026/11/5 11:56:09
    运算符与表达式
    API

    ← 运算符与表达式 API→

    Theme by Vdoing | Copyright © 2023-2026 沉梦听雨 | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式