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就是数组的下标

相关推荐
小赵同学WoW17 小时前
1-2 TypeScript 中的 `any` 与 `unknown`
前端
six_17 小时前
C# 上位机(持续更新中)
前端·面试·c#
风雨_17 小时前
Git Worktree sourcetree完整使用指南
前端
半个落月17 小时前
React 组件通信进阶:useContext 与自定义 Hook 实战详解
前端·react.js
MgArcher17 小时前
抖音a_bogus参数逆向实战:JSVMP环境模拟与Hook技术(2025最新)
javascript·爬虫·python
用户9210802628617 小时前
ChatComposer 输入区改造:基于技能市场实现 Agent 输入框
前端
用户459892045651617 小时前
一套 KMP 多仓库版本治理工作流:用 Version Catalog + CI 把发版流水线自动化
前端·kotlin
小赵同学WoW17 小时前
1-4 TypeScript 中的 `number`、`bigint` 与 `string`
前端
小赵同学WoW17 小时前
1-3 `boolean` 与字面量类型
前端
光影少年17 小时前
react navite 长列表优化:FlatList / SectionList 原理与优化属性
前端·react native·react.js