<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>解构赋值</title> <script> // let a, b; let arr = ['孙悟空', '猪八戒']; /* a = arr[0]; b = arr[1]; */ // [a, b] = arr; // const [a, b] = arr; function fn() { return ['沙和尚', '唐僧']; } // const [a, b] = fn(); arr = ['孙悟空', '猪八戒', '沙和尚', '唐僧']; // const [a, b, ,c] = arr; // 可以跳过元素 // const [a, b, ...c ] = arr; // ...变量，会接收后边所有的元素 // console.log('a='+a, 'b='+b, 'c='+c); const obj = { name: '孙悟空', age: 18, gender: '男' }; let a, b, c; // ({name:a, age:b, gender:c} = obj); // 将name赋值给a，age赋值给b，gender赋值给c const {name, gender, age} = obj; // 如果变量名和属性名一致，则可以只写一个 // console.log(a, b, c); // console.log(name, age, gender); // 利用数组的解构来交换两个变量的位置 a = 10; b = 20; [a, b] = [b, a]; // 交换变量a和b的位置 arr = [1, 3, 2]; [arr[1], arr[2]] = [arr[2], arr[1]]; // 交换数组中两个元素的位置 // console.log('a =', a); // console.log('b =', b); console.log(arr); </script> </head> <body> </body> </html>
react笔记之解构赋值笔记
2023-02-09
98
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
react笔记之解构赋值笔记
目录
相关文章
|
4月前
|
前端开发
JavaScript
UED
|
5月前
|
前端开发
JavaScript
Java
|
前端开发
API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
83
0
0
|
前端开发
|
7月前
|
前端开发
|
7月前
|
前端开发
JavaScript
|
7月前
|
前端开发
JavaScript
Linux
|
前端开发
前端笔记：React的form表单全部置空或者某个操作框置空的做法
在React框架前端开发中，经常会有弹出框的开发，涉及到弹出框，难免就会有表单。一般在关闭弹出框或者对表单联动时，往往都需要考虑对表单进行置空操作了。
100
0
0
|
Web App开发
前端开发
JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
75
0
0
|
JavaScript
前端开发
调度
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
120
0
0
热门文章
最新文章
1
「前端工程化」从0-1搭建react，ts脚手架（1.2w字超详细教程）
2
React Native 运行报错 error in opening zip file
3
React 在 html 中 CDN 引入（包含useState、antd、axios ....）
4
基于React的简易REST API客户端设计与实现
5
React Server Components手把手教学（三）
6
使用 React JS 构建现代化的 Web 应用
7
实现 Toy-React , 实现 JSX 渲染（下）
8
#yyds干货盘点 【React工作记录二十】前端常规关于网页文件下载的问题
9
React中的Virtual DOM(看这一篇就够了)
10
React-Native 爬坑
1
【React】React原理面试题集锦
136
2
发现了一款宝藏学习项目，包含了Web全栈的知识体系，JS、Vue、React知识就靠它了！
102
3
【React】Hooks面试题集锦
216
4
react保姆级搭建新项目
111
5
使用React、TypeScript和Ant Design构建现代化前端应用
195
6
使用React、Redux和Bootstrap构建社交媒体应用
100
7
深入探究React：前端开发的利器
91
8
【前端】深入了解React JSX语法及实例应用
72
9
利用React Hooks优化前端状态管理
99
10
目前最流行的一些前端框架：React、Angular、Vue.js和jQuery
752