ES6展开运算符

1.展开可迭代对象(简单理解为数组和伪数组),如数组、 NodeList 、arguments。

可以通过展开运算符把一个伪数组转换为数组

javascript 复制代码
const a = [...document.body.children];
console.log(a);
console.log(Array.isArray(a));

2.实现数组的浅拷贝

javascript 复制代码
const a = [1,2,3];
const b = [...a];
console.log(b);

3.实现对象的浅拷贝和对象混入(对象属性的覆盖,后边的覆盖前边的)

javascript 复制代码
const a={'a': 1, 'b': 2};
const b = {'b': 3, 'c': 1};
const c = {...a, ...b};
const d = {...a};
console.log(c);
console.log(d);

4.可以把一个数组展开成一个对象,对象的key就是数组的下标

相关推荐
前端极客探险家9 分钟前
如何用 Three.js 和 Vue 3 实现 3D 商品展示
javascript·vue.js·3d
我是小路路呀1 小时前
vue开始时间小于结束时间,时间格式:年月日时分
前端·javascript·vue.js
虾球xz1 小时前
游戏引擎学习第201天
前端·学习·游戏引擎
我自纵横20231 小时前
JavaScript 中常见的鼠标事件及应用
前端·javascript·css·html·计算机外设·ecmascript
li_Michael_li1 小时前
Vue 3 模板引用(Template Refs)详解与实战示例
前端·javascript·vue.js
excel1 小时前
webpack 核心编译器 十五 节
前端
excel1 小时前
webpack 核心编译器 十六 节
前端
雪落满地香3 小时前
css:圆角边框渐变色
前端·css
风无雨5 小时前
react antd 项目报错Warning: Each child in a list should have a unique “key“prop
前端·react.js·前端框架
人无远虑必有近忧!5 小时前
video标签播放mp4格式视频只有声音没有图像的问题
前端·video