数组解构、对象解构与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);
    })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值