（9）es6——拓展运算符

LiuJie_Boom

已于 2022-05-15 20:30:06 修改

阅读量541

点赞数

分类专栏： # es6+新特性文章标签：前端 javascript es6

于 2022-04-23 23:45:22 首次发布

本文链接：https://blog.csdn.net/weixin_44242181/article/details/124373024

版权

es6+新特性专栏收录该内容

29 篇文章 69 订阅

订阅专栏

文章结构

注意事项

1、拓展运算符可以将数组和对象转换为逗号分隔的参数变量序列，
变量名和变量值，数组时下标为变量名，对应的值为变量值，
对象键值对就是变量名和变量值

let arr = [1,2,3,4,5];//...arr 就是1,2,3,4,5
console.log(...arr);//12345 log函数将逗号作为分隔符了
let obj1 = {
	name1: '刘德华',
	age1: 18
}

let obj2 = {
	name2: '张学友',
	age2: 19,
	...obj1,
}
console.log(obj2);//{name2: "张学友", age2: 19, name1: "刘德华", age1: 18}

// 2、拓展运算符可以用来合并数组
let arr1 = [1,2,3,4,5];//...arr1 就是1,2,3,4,5
let arr2 = [6,7,8];
let arr3 = [...arr1,...arr2];
console.log(arr3);//[1,2,3,4,5,6,7,8]

3、遍历数组将伪数组变成真正的数组

		<body>
			<div></div><div></div><div></div><div></div><div></div><div></div>
			<script>
				var divs = document.getElementsByTagName('div');
				var arr = [...divs];
				console.log(arr);//[div, div, div, div, div, div]
			</script>
		</body>

// 4、克隆数组		
let arr1 = [1,2,3,4,5];
let arr2 = [...arr1];
console.log(arr2);

注意事项

/* 合并对象时，出现同名的属性，书写在后面的属性值将替换
前面的同名属性的属性值,数组却不会，因为两个数组合并下标肯定
会冲突，因此js底层做了处理 */
let obj1 = {
    sex: "男"
}

let obj2 = {
    sex: "nan",
    ...obj1,
}

let obj3 = {
    ...obj1,
    sex: "nan",
}
console.log(obj2); // { sex: '男' }
console.log(obj3); // { sex: 'nan' }

let arr1 = [1, 2, 3, 4, 5, 6];
let arr2 = [5, 6, 7, 8];
let arr3 = [...arr1, ...arr2];
console.log(arr3); // [1, 2, 3, 4, 5, 6, 5, 6, 7, 8]

LiuJie_Boom

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
2
评论
（9）es6——拓展运算符

1、拓展运算符可以将数组和对象转换为逗号分隔的参数变量序列，变量名和变量值，数组时下标为变量名，对应的值为变量值，对象键值对就是变量名和变量值let arr = [1,2,3,4,5];//...arr 就是1,2,3,4,5console.log(...arr);//12345 log函数将逗号作为分隔符了let obj1 = { name1: '刘德华', age1: 18}let obj2 = { name2: '张学友', age2: 19, ...obj1,}con
复制链接

扫一扫