当前位置: 首页 > news >正文

【面试题】ES6 如何将 Set 转化为数组

大厂面试题分享 面试题库

后端面试题库 (面试必备) 推荐:★★★★★

地址:前端面试题库

Set 是 ES6 中新增的一种集合类型,类似于数组,但其成员的值是唯一的,即不会重复。关于Set,可以阅读《JavaScript中的Set数据操作:交集、差集、交集、对称差集》。Set 对象是一个构造函数,可以使用 new 关键字来创建一个 Set 实例。例如:

const mySet = new Set();复制代码

Set 对象具有以下特征:

  • Set 实例的成员唯一,不会重复。

  • Set 实例可以存储任何类型的值,包括基本类型和对象。

  • Set 实例是可迭代的,可以使用 for...of 循环遍历其中的值。

  • Set 实例的 size 属性可以用来获取它包含的成员数量。

Set 对象有以下常用方法:

add(value):添加一个值到 Set 实例中。 delete(value):从 Set 实例中删除一个值。 has(value):判断 Set 实例中是否包含某个值,返回一个布尔值。 clear():清空 Set 实例中的所有值。

可以使用以下代码创建一个包含几个元素的 Set 对象并使用其方法:

const mySet = newSet();
mySet.add(1);
mySet.add("two");
mySet.add({ name: "DevPoint" });console.log(mySet.has("two")); // 输出 truemySet.delete(1);console.log(mySet.size); // 输出 2mySet.clear();console.log(mySet.size); // 输出 0复制代码

在 ES6 中,可以使用 Array.from() 方法将 Set 转换为数组。该方法接受一个可迭代对象,并返回一个新数组。

例如,假设有一个 Set 对象 mySet,可以按以下方式将其转换为数组:

const mySet = new Set([1, 2, 3]);
const myArray = Array.from(mySet);
console.log(myArray); // 输出 [1, 2, 3]复制代码

除此之外,还可以使用扩展运算符 ... 来将 Set 转换为数组。例如:

const mySet = new Set([1, 2, 3]);
const myArray = [...mySet];
console.log(myArray); // 输出 [1, 2, 3]复制代码

这种方法更简洁,但不支持 IE 浏览器。

除了使用 Array.from() 方法和扩展运算符 ...,还有就是通过遍历 Set 并将每个元素添加到一个新数组中。

const mySet = new Set([1, 2, 3]);
const myArray = [];
for (let item of mySet) {myArray.push(item);
}
console.log(myArray); // 输出 [1, 2, 3]

大厂面试题分享 面试题库

后端面试题库 (面试必备) 推荐:★★★★★

地址:前端面试题库

http://www.lryc.cn/news/14713.html

相关文章:

  • vs2022 实现无线调试安卓(Windows)
  • 手把手教你做插件(2)模块大串联
  • LU Accepted or Rejected过程介绍
  • Teradata退了? 无所谓,GBASE会出手
  • 华为OD机试 - 病菌感染(Python) | 机试题+算法思路+考点+代码解析 【2023】
  • 前置知识-边值问题、打靶法、bvp 系列函数的用法
  • 为什么越来越多的企业选择智能客服系统?
  • 打造一款日志分析工具
  • 网络编程基础知识
  • 2023北京老博会(CBIAIE全国老年产业必参盛会)
  • 【字典转模型 Objective-C语言】
  • 【LeetCode】剑指 Offer(6)
  • 论文投稿指南——中文核心期刊推荐(法律)
  • Qt音视频开发15-动态切换解码内核的设计
  • concurrent-map 和 sync.Map,我该选择哪个?
  • 华为OD机试 - 最少数量线段覆盖| 机试题算法思路 【2023】
  • 【蓝桥集训】第五天——递推
  • qnx的网络知识记录
  • 【Vue/基础知识】Vue基础知识(一)
  • Iceberg实战踩坑指南
  • 预告|2月25日 第四届OpenI/O 启智开发者大会昇腾人工智能应用专场邀您共启数字未来!
  • UnRaid虚拟机安装OpenWrt软路由
  • 开发日记-lombok
  • Web3中文|2023年zk赛道爆发,即将推出的Polygon zkEVM有多重要?
  • 【自然语言处理】主题建模:Top2Vec(理论篇)
  • 【ICLR 2022】重新思考点云中的网络设计和局部几何:一个简单的残差MLP框架
  • 《MySQL学习》 count(*) 原理
  • 时间序列数据预测的类型
  • sk_buff结构体成员变量说明
  • springbatch设置throttle-limit参数不生效