<!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
75
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
react笔记之解构赋值笔记
目录
相关文章
|
9月前
|
前端开发
API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
56
0
0
|
9月前
|
前端开发
|
9月前
|
存储
移动开发
前端开发
|
5月前
|
前端开发
JavaScript
Linux
|
5月前
|
前端开发
|
5月前
|
前端开发
JavaScript
|
6月前
|
前端开发
前端笔记：React的form表单全部置空或者某个操作框置空的做法
在React框架前端开发中，经常会有弹出框的开发，涉及到弹出框，难免就会有表单。一般在关闭弹出框或者对表单联动时，往往都需要考虑对表单进行置空操作了。
49
0
0
|
9月前
|
前端开发
|
9月前
|
前端开发
|
9月前
|
前端开发
前端学习笔记202307学习笔记第五十九天-react源码-Jsx转换为ReactElement的过程1
前端学习笔记202307学习笔记第五十九天-react源码-Jsx转换为ReactElement的过程1
35
0
0
热门文章
最新文章
1
【React】Hooks面试题集锦
2
好程序员web前端培训分享React学习笔记（一）
3
《React极简教程》第二章 React JSX
4
React 框架和Webpack
5
React之配置组件的 props（两个实例）
6
前端框架大比拼：2022年的Vue与React谁更胜一筹？
7
【脚手架】从0到1搭建React18+TS4.x+Webpack5项目（三）代码质量和git提交规范
8
react+hook+ts项目总结-Ts中[propName: string]: any；
9
react高阶组件
10
05 React修改值使用setState,获取值this.state.xxx
1
【React】Hooks面试题集锦
63
2
使用React、TypeScript和Ant Design构建现代化前端应用
31
3
使用React、Redux和Bootstrap构建社交媒体应用
18
4
深入探究React：前端开发的利器
23
5
【前端】深入了解React JSX语法及实例应用
17
6
利用React Hooks优化前端状态管理
39
7
目前最流行的一些前端框架：React、Angular、Vue.js和jQuery
121
8
vue/react项目刷新页面出现404的原因以及解决办法
222
9
前端vw自适应解决方案，适用pc端以及移动端，适用webpack以及vite，适用vue以及react
76
10
react+typescript通过window.xxx挂载属性报错的解决方案
45