数组解构、对象解构与forEach方法遍历数组

解构赋值

在这里插入图片描述

1. 数组解构

1.1 基本语法

在这里插入图片描述
在这里插入图片描述

1.2 变量多 单元值少的情况

在这里插入图片描述

1.3 变量少 单元值多的情况

在这里插入图片描述

1.4 防止undefined传值情况 使用默认值

在这里插入图片描述

1.5 按需导入 忽略某些值

在这里插入图片描述

1.6 支持多维数组的解构

在这里插入图片描述

2. 对象解构

2.1 基本语法

在这里插入图片描述

2.2 给新的变量名赋值

在这里插入图片描述

2.3 数组对象解构

在这里插入图片描述

2.4 多级对象解构

在这里插入图片描述

    const pig = {
   
      name: 'nidie',
      family: {
   
        m: 'mm',
        f: 'bb',
        b: 'dd'
      },
      age: 6
    }
    const {
    name, family: {
    m, f, b }, age } = pig

3. 遍历数组forEach方法

在这里插入图片描述
在这里插入图片描述

    // 与map的区别就是map会返回空数组,forEach不会
    // 适合遍历数组对象   item不可省略
    const arr = ['red', 'green', 'pink']
    arr.forEach(function (item, index) {
   
      console.log(item);
      console.log(index);
    })

相关推荐

  1. 数据结构方法

    2023-12-08 11:44:05       37 阅读
  2. js方式

    2023-12-08 11:44:05       38 阅读
  3. 变量和对象赋值

    2023-12-08 11:44:05       31 阅读
  4. uniapp对象的常见方法

    2023-12-08 11:44:05       12 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-08 11:44:05       17 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-08 11:44:05       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-08 11:44:05       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-08 11:44:05       18 阅读

热门阅读

  1. miot-plugin-sdk. npm install安装失败

    2023-12-08 11:44:05       50 阅读
  2. 渗透测试工具Nmap的深度解析

    2023-12-08 11:44:05       35 阅读
  3. D.408之计算机网络

    2023-12-08 11:44:05       40 阅读
  4. 第5章 Ajax数据爬取

    2023-12-08 11:44:05       43 阅读
  5. spring boot配置文件格式 ${}和@@

    2023-12-08 11:44:05       33 阅读
  6. Spring Boot 之 ModelFactory

    2023-12-08 11:44:05       31 阅读