ES6展开运算符

1.展开可迭代对象(简单理解为数组和伪数组),如数组、 NodeList 、arguments。
可以通过展开运算符把一个伪数组转换为数组

const a = [...document.body.children];
console.log(a);
console.log(Array.isArray(a));

在这里插入图片描述
2.实现数组的浅拷贝

const a = [1,2,3];
const b = [...a];
console.log(b);

在这里插入图片描述
3.实现对象的浅拷贝和对象混入(对象属性的覆盖,后边的覆盖前边的)

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就是数组的下标
在这里插入图片描述

相关推荐

  1. ES6---扩展运算符详解

    2024-04-04 21:46:02       32 阅读
  2. ES6运算符的扩展

    2024-04-04 21:46:02       16 阅读
  3. 【08】ES6运算符的扩展

    2024-04-04 21:46:02       37 阅读
  4. js - es6 - 扩展运算符用法

    2024-04-04 21:46:02       16 阅读
  5. 展开运算符(Spread Operator)

    2024-04-04 21:46:02       33 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-04 21:46:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-04 21:46:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-04 21:46:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-04 21:46:02       18 阅读

热门阅读

  1. C、C++、C#中.vscode下json文件记录

    2024-04-04 21:46:02       14 阅读
  2. 建独立站,对FP商家有什么好处?

    2024-04-04 21:46:02       12 阅读
  3. 在 Jupyter Notebook 中切换环境

    2024-04-04 21:46:02       14 阅读
  4. qt各种锁使用讲解

    2024-04-04 21:46:02       12 阅读
  5. this与super

    2024-04-04 21:46:02       12 阅读