es6中经典面试题set应用【数组去重操作】

最新推荐文章于 2023-04-12 11:47:01 发布
最新推荐文章于 2023-04-12 11:47:01 发布
阅读量202 收藏
点赞数
分类专栏： es6 文章标签： es6/es7
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43837268/article/details/108740422
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Set</title>
</head>
<body>
	<script type="text/javascript">
		const s1 = new Set();
		console.log(s1.size)

		const s2 = new Set(["a", "b"]);
		console.log(s2.size)

		const s3 = new Set(["a","a","b","b"]);
		console.log(s3.size)
		const ary = [...s3];
		console.log(ary)
		
		const s4 = new Set();
		// 向set结构中添加值 使用add方法
		s4.add('a').add('b');
		console.log(s4.size)

		// 从set结构中删除值 用到的方法是delete
		const r1 = s4.delete('c');
		console.log(s4.size)
		console.log(r1);

		// 判断某一个值是否是set数据结构中的成员 使用has
		const r2 = s4.has('d');
		console.log(r2)

		// 清空set数据结构中的值 使用clear方法
		s4.clear();
		console.log(s4.size);
		
		// 遍历set数据结构 从中取值
		const s5 = new Set(['a', 'b', 'c']);
		s5.forEach(value => {
			console.log(value)
		})

	</script>
</body>
</html>

 

高级项目经理
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6数组面试题
hrj970808的博客
11-12 1676
1.forEach() var arr = [1,2,3,4]; arr.forEach((item,index,arr) => { console.log(item) //结果为1,2,3,4 }) // 数组的遍历方法，无返回值，不改变原数组 2.map() var arr = [1,2,3,4]; arr.map((item,index,arr) => { return item*10 //新数组为10,20,30,40 }) //map遍历数组，返回一个新数组，不改变原
【面试常考】浅谈ES6中的Set和Map数据结构
yz的博客
09-29 779
1.Set （1）理解： Set本身是一个构造函数，用来生成Set数据结构。它类似于数组，但是成员的值是唯一的，不重复的。 （2）用法： // 数组去重 [...new Set([1,2,2,3])] //[1.2.3] // 字符串去重 [...new Set['zyy']].join('') // 'zy' （3）注意： 向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同...
【面试题】ES6 如何将 Set 转化为数组
web全栈开发的博客
02-20 2263
Set 是 ES6 中新增的一种集合类型，类似于数组，但其成员的值是唯一的，即不会重复。关于Set，可以阅读《JavaScript中的Set数据操作：交集、差集、交集、对称差集》。Set 对象是一个构造函数，可以使用 new 关键字来创建一个 Set 实例。has(value)：判断 Set 实例中是否包含某个值，返回一个布尔值。Set 实例是可迭代的，可以使用 for...of 循环遍历其中的值。后端面试题库 （面试必备） 推荐：★★★★★。后端面试题库 （面试必备） 推荐：★★★★★。
面试题：ES6新增了两种引用数据类型Set和Map，是为了解决哪些问题?weakSet 和 weakMap 与 Set 和 Map的区别？
Concise200的博客
03-21 557
回答这个问题前，我们要先了解Set和Map的特点，结合它的特点去回答这个问题。如果发现文章有错误或歧义的地方，希望各位大佬指出，避免误导更多人！！
数组的去重方法总结
最新发布
renfeideboke的博客
04-12 1354
数组的去重方法
vue中对象数组去重的实现
10-15
在Vue项目中，我们经常需要处理对象数组的去重问题，尤其是当数组中存储的是对象时，不能直接使用JavaScript原生的`new Set()`方法去重，因为`new Set()`只适用于简单数据类型的元素，对于对象这样的复杂数据类型，...
JavaScript中数组去重的5种方法
11-20
ES6 提供了新的数据结构 Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。Set函数可以接受一个数组，用于初始化。根据 Set的数据特性，我们可以实现...
JavaScrip数组去重操作实例小结
10-16
JavaScrip数组去重操作是指在JavaScript中，当一个数组内包含了重复的元素时，我们需要通过某种方法来删除数组中重复的元素，只保留唯一的元素。这一操作在处理数据时非常常见，如处理表单数据、数据清洗等。本文...
高性能js数组去重(12种方法，史上最全)
10-15
reduce方法将数组元素减少到一个单一的值，我们可以在此过程中去重。 ```javascript function unique(arr) { return arr.reduce((acc, cur) => acc.includes(cur) ? acc : [...acc, cur], []); } ``` 7. **...
es6 Set特点
米老头
03-28 563
Set特点 类似于数组，但是成员的值都是唯一的，没有重复的值。 Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。 var set = new Set([1, 2, 2, 3, 4, 4]); [...set] // [1, 2, 3, 4] var s = new Set(); [2, 3, 5, 4, 5, 2, 2].map(x => s.add(x));
利用ES6 Set去重
qq_35101267的博客
12-02 550
首先声明一个aa let aa = "1,2,3,1,2,3" 用逗号分隔以后返回数组 let bb = aa.split(",") 数组传入set中去重 dd = Array.from(new Set(bb)) 根据自己需求决定是否toString ...
关于ES6 set去重问题
09-14 304
可以利用ES6语法 set方法 1 .let arr = [1,2,3,4,5,1,2] let set = new set（arr） console.log(set) set {1,2,3,4,5} 2.使用ES6中Array的Array.from静态方法，它将一个类似数组的对象转为一个数组 let arr = [1,2,3,4,5,1,2...
个人对es6中的set使用理解
syh221837的博客
04-24 730
最近一直拜读阮老师的ES6，这个博客不敢说分享心得（实力不容许啊），只算是自己做的一些笔记吧。 首先说Set，它比较特殊，是个类数组而且里面的值是唯一的，所以根据这点可以做个数组去重的方法，需要结合Array.from方法就可以完成这个需求。这里的Array.from也是Es6对于数组新添加的方法，关于它的详情后续会接着介绍。下面就做个简单的数组去重的方法。 首先可以构造Set函数，它会返回一...
ES6使用Set方法进行数组去重
m0_58151273的博客
01-13 2840
在ES6中可以使用Set方法进行数组去重： let arr = [1,1,1,2,2,3,3,3,4,4] let set = new Set(arr) console.log(set); 输出结果：Set(4) {1, 2, 3, 4} 生成的是一个Set类型而不是一个数组类型，需要我们把他转换成为数组类型 let arr = [1,1,1,2,2,3,3,3,4,4] let set = new Set(arr) console.log(set);
es6面试题总结最全
qq_60976312的博客
10-21 1986
es6面试题总结最全
ES6中使用Set数据结构将对象数组去重
南城旧梦_de博客
12-02 728
因为Set数据结构并非真正的数组，它类似于数组，并且成员值都是唯一的，没有重复，所以可以用来做去重操作。// { name: "张三", age: 18, address: "北京" },// { name: "李四", age: 20, address: "天津" },// { name: "王五", age: 22, address: "河北" },{ name: "张三", age: 18, address: "北京" },其中张三和李四为重复对象；
es6中Set数组去重用法
weixin_45195628的博客
11-26 653
var arr = [1, 4, 5, 1, 4, 3, 1, 7], arr1 = [2, 7, 9], arr2 = [8, 0]; var str = ‘abcdefgacd’; var obj = { ‘a’: ‘1’, ‘b’: ‘2’ }, obj1 = {}; //去重 console.log([...new Set(arr)]);//数组去重简写 //[1, 2, 3, 4, 5, 7, 8, 9, 0] console.log(Array.from(new
Set 对象
weixin_48659263的博客
10-24 563
Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 简述 Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。 值的相等 因为 Set 中的值总是唯一的，所以需要判断两个值是否相等。在ECMAScript规范的早期版本中，这不是基于和===操作符中使用的算法相同的算法。具体来说，对于 Set s， +0 （+0 严格相等于-0）和-0是不同的值。然而，在 ECMAScript 2015规范中这点已被更改。有关详细信息，请参阅浏
ES6 set方法简单快速，数组去重。
little_boy_9527的博客
06-09 3266
var arr = [1,2,2,3,4] // 需要去重的数组 var set = new Set(arr) // {1,2,3,4} var newArr = Array.from(set) // 再把set转变成array console.log(newArr) // [1,2,3,4]
ES6新特性：对象数组去重与reduce方法解析
"这篇笔记主要总结了ES6中的一些新特性，特别提到了利用对象属性作为唯一标识进行数组去重的方法以及`reduce`方法的基本用法。" 在ES6（ECMAScript 2015）中，引入了许多新的特性和语法改进，使得JavaScript更加...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值