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

【es6复习笔记】解构赋值(2)

介绍

解构赋值是一种非常方便的语法,可以让我们更简洁地从数组和对象中提取值,并且可以应用于很多实际开发场景中。

1. 数组的解构赋值

数组的解构赋值是按照一定模式从数组中提取值,然后对变量进行赋值。下面是一个例子:

const F4 = ['小沈阳', '刘能', '赵四', '宋小宝'];
let [xiao, liu, zhao, song] = F4;
console.log(xiao); // 输出: 小沈阳
console.log(liu); // 输出: 刘能
console.log(zhao); // 输出: 赵四
console.log(song); // 输出: 宋小宝

在这个例子中,我们定义了一个数组 F4,然后使用解构赋值将数组中的元素分别赋值给变量 xiaoliuzhaosong

2. 对象的解构赋值

对象的解构赋值是按照一定模式从对象中提取值,然后对变量进行赋值。下面是一个例子:

const zhao = {
    name: '赵本山',
    age: '不详',
    xiaopin: function() {
        console.log("我可以演小品");
    }
};

let { name, age, xiaopin } = zhao;
console.log(name); // 输出: 赵本山
console.log(age); // 输出: 不详
console.log(xiaopin); // 输出: [Function: xiaopin]
xiaopin(); // 输出: 我可以演小品

在这个例子中,我们定义了一个对象 zhao,然后使用解构赋值将对象中的属性分别赋值给变量 nameagexiaopin

复杂解构赋值

// 复杂解构
let wangfei = {
 name: '王菲',
 age: 18,
 songs: ['红豆', '流年', '暧昧', '传奇'],
 history: [
	 {name: '窦唯'},
	 {name: '李亚鹏'},
	 {name: '谢霆锋'}
 ]
};
let {songs: [one, two, three], history: [first, second, third]} = wangfei;

3. 解构赋值的应用场景

解构赋值在实际开发中有很多应用场景,比如:

  • 函数参数的解构赋值,可以简化函数调用时的参数传递。
  • 从 API 返回的数据中提取需要的数据。
  • 交换变量的值。

下面是一个交换变量值的例子:

let a = 1;
let b = 2;
[a, b] = [b, a];
console.log(a); // 输出: 2
console.log(b); // 输出: 1

在这个例子中,我们使用解构赋值来交换变量 ab 的值。


http://www.kler.cn/a/450578.html

相关文章:

  • 内网穿透ubuntu20 docker coplar
  • 解决 Docker 中 DataLoader 多进程错误:共享内存不足
  • LeNet网络搭建
  • 项目代码第6讲:UpdownController.cs;理解 工艺/工序 流程、机台信息;前端的“历史 警报/工艺 记录”
  • Docker 技术系列之安装多版本Mysql5.6和Mysql5.7
  • systemverilog中task的disable用法
  • 【算法】一维二维数组前缀和,以及计算二维矩阵中的子矩阵和
  • Docker-如何启动docker
  • 使用Python开发PPT图片提取与九宫格合并工具
  • 京东物流营销 Agent:智能驱动,物流新篇(13/30)
  • 面对小白的C语言学习方法
  • C++进阶(二)--面向对象--继承
  • 设计模式的主要分类是什么?请简要介绍每个分类的特点。
  • 服务器中了挖矿病毒-应急响应
  • 活着就好20241225
  • ctf相关总结
  • StartAI图生图局部重绘,让画面细节焕发新生!!
  • 基于单片机(如 51 单片机)实现十字路口交通灯控制电路的设计方案示例
  • 【Vue3+ts入门小试牛刀】
  • [机器学习]sklearn入门指南(2)
  • Elasticsearch介绍及安装部署
  • CentOs安装Nginx
  • Ubuntu系统部署程序:修改IP、部署docker、nginx、Redis、onlyoffice、java
  • git Force Push失败:unable to access解决方案
  • python web知识点梳理
  • Stealthy Attack on Large Language Model based Recommendation