react笔记之解构赋值笔记

 <!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>

posted @ 2022-11-05 20:41 前端导师歌谣阅读(67) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· react笔记之展开笔记

· react笔记之变量笔记

· ES6之解构赋值

· Es6-解构赋值

· ES6之解构赋值

公告

昵称：前端导师歌谣
园龄： 7年3个月
粉丝： 9
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

前端导师歌谣的博客

微信公众号关注前端小歌谣每日分享前端知识

react笔记之解构赋值笔记

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

	<!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笔记之解构赋值笔记

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

微信公众号关注前端小歌谣每日分享前端知识