ES6 Set和WeakSet数据结构 数组与对象 与map数据结构

最新推荐文章于 2022-11-08 11:43:34 发布
最新推荐文章于 2022-11-08 11:43:34 发布
阅读量146 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37995109/article/details/88779154
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Set和WeakSet数据结构   数组与对象 与map数据结构</title>
	</head>
	<!--<script type="text/javascript" src="js/es6.js" ></script>-->
	<body>
		
	</body>
	<script>
	//Set 是一种数据结构.数组
	/*
	let setArr=new Set(['jspang','技术胖','web']);
	*/
	//追加一个值. 数组是用push
	//setArr.push('前端职场');
	//set是要用add
	/*
	setArr.add('jspang');
	console.log(setArr);
	//查找
	console.log(setArr.has('jspang'));
	//删除里面的值
	setArr.clear();
	//删除某个值
	setArr.delete('web');
	//输出SET
	for(let item of setArr){
		console.log(item);
	}
	//第二种输出set
	setArr.forEach((value)=>console.log(value));
	//size 看长度  重复的不计算
	console.log(setArr.size);
	*/
	//WeakSet对象, 需要add添加.
	/*
	let WeakObj=new WeakSet();
	let obj = {a:'jspang',b:'技术胖'};
	weakObj.add(obj);
	*/
	//Map数据
	let json = {
	    name:'jspang',
	    skill:'web'
	}
	console.log(json.name);
	
	var map=new Map();
	//组成一个key值和value值
	map.set(json,'iam');
	console.log(map);
	map.set('jspang',json);
	console.log(map);
	//map  增删查
	//get取值
	console.log(map.get(json));
	console.log(map.get('jspang'));
	//delete删除
	console.log(map.delete(json));
	//size 长度
	console.log(map.size);
	//has 查找是否存在
	console.log(map.has('jspang'))
	//清除所有 clear
	map.clear()
	
	
	
	
	
	</script>

</html>

 

Lvdon9
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6：数据结构Set和Map&WeakSet和WeakMap
nanxing的博客
10-12 362
ES6：数据结构Set和Map&WeakSet和WeakMapSet基本使用常见方法WeakSetWeakSet的特点基本使用WeakMap的应用Map基本使用常见方法WeakMapWeakMap的特点强引用和弱引用 在ES6以前存储数据的结构有两种：数组和对象。 在ES6中新增两种数据结构：Set和Map。 Set Set里边的数据是不会重复的 基本使用 add方法添加 const set = new Set(); set.add(1); set.add(2); set.add(3); set.a
map,set及与对象和数组的比较
zhanglir333的博客
11-21 1648
写在前面： JavaScript的默认对象表示方式是{}，但是JavaScript的对象的键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。 为了解决这个问题，最新的ES6规范引入了新的数据类型Map。 Map是具有极快查找速度的键值对结构。Set和Map类似，也是存在key的列表，只不过Set中的元素不能够重复。 那么这
ES6 Set和WeakSet结构初识
QDzzzhy
03-13 181
Set数据结构 Set基础知识 概念:ES6提供的新数据结构，类似于数组，但成员的值都是唯一的，没有重复的值.看一个简单的例子: const s=new Set(); [2,3,5,4,5,2,2].forEach(x=&gt;s.add(x)); for(let i of s){ console.log(i); ==&gt;2,3,5,4 表明Set结构不会重复添加值...
ES6-WeakSet数组结构
dayu5595的博客
06-23 119
WeakSet 也会去重 总结： 1.成员都是对象； 2.成员都是弱引用，可以被垃圾回收机制回收，可以用来保存 DOM 节点，不容易造成内存泄漏； 3.不能遍历，方法有 add、delete、has。 //声明WeakSet let weakObj = new WeakSet(); let obj = {aa:'annaiah',bbb:'18'}; // l...
ES6中的Set和WeakSet
qq_42880714的博客
04-16 255
Set ES6提供了心得数据结构Set，它类似数组，但是成员的值是唯一的（没有重复）。 Set是一个构造函数，用来生成Set数据结构 const set = new Set() var arr =[1,1,2,2,3,3,4,4,5,5] arr.forEach(x=>set.add(x)) console.log(set) //Set(5) {1, 2, 3, 4, 5} //没有重复值 ...
web前端—前端三剑客之JS-ES6(5)：Set、WeakSet（二）
北冥有鱼的博客
07-19 184
目录 set的应用场景 Set函数去重 Set与数组的转换 WeakSet WeakSet的方法 set的应用场景 1、实现并集（Union）、交集（Intersect）和差集（Difference） 2、遍历隐射形成新的数组 如果想在遍历操作中，同步改变原来的 Set 结构，目前没有直接的方法，但有两种变通方法 一种是利用原 Set 结构映射出一个新的结构，然后赋值给原来的 Set 结构； 一种是利用Array.from方法 3、去重：见下 Set函数去重 S.
js系列-Set集合和WeakSet弱引用
前端蜗牛君
08-16 1177
Set Set对象是值的集合， Set中的元素只会出现一次，即 Set 中的元素是唯一的，无论是基本类型还是对象引用。 let set = new Set([1, 1, '1', { name: 'zhang' }, [1, 2, 3]]); console.log(set);//Set(4){1, "1", {…}, Array(3)} 通过上面简单的定义我们可以发现几个问题： 虽然Set定义是{..}对象，但只有值没有key键名 是严格类型检测如字符串数字不等于数值型数字..
ES6 Set和Map数据结构
wunianisme的博客
06-21 138
Set ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set数据结构。 var s = new Set(); [2, 3, 5, 4, 5, 2, 2].map(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 上面代码通过add方法向...
ES6 - Set和Map数据结构
qq_42306826的博客
04-15 79
1.set是什么 什么是Set 集合 [1,2] 数组是一系列有序的数据集合 Set是一系列无序列、没有重复值的数据集合 理解Set Set没有下标去标识每一个值，所以set是无序的，也不能像数组那样通过下标去访问set成员 console.log([1, 2, 1]); //(3) [1, 2, 1] console.log(new Array(1, 2, 1)); //(3) [1, 2, 1] const s = new Set(); s.add(1); //add方法每次只能添加一个
ES6中Set和Map数据结构，Map与其它数据结构互相转换操作实例详解
12-02
Map数据结构则与Set不同，它存储键值对，且键可以是任何类型，而不仅仅是对象。Map也有自己的构造函数，如下： ```javascript let map = new Map(); ``` Map的操作方法包括`set()`, `get()`, `has()`, `delete()`, `...
ES6新数据结构Set与WeakSet用法分析
08-30
在ES6中，引入了两种新的数据结构：Set和WeakSet。它们都提供了存储不重复元素的能力，但各自有其特点和应用场景。 1. **Set** Set是一种类似数组的数据结构，但其成员的值都是唯一的，不允许重复。创建一个Set...
ES6数据结构set和map的含义、基本用法及其区别
weixin_72621181的博客
11-08 2969
ES6数据结构set和map的含义、基本用法及其区别
第六章 Set与WeakSet类型在JavaScript中的使用
weixiaowei_2016的博客
04-10 322
ES6提供了新的数据结构Set，Set对象不是数组， 可以用来保存对象或者基本类型， 所有保存的值都是唯一的, chrome浏览器>38和FF>13，以及nodeJS，对Set支持良好。 1.Set类型与Array与Object对比分析 ...
ES6中Set和WeakSet的使用
东子的博客 细节决定成败，点滴铸就辉煌。
03-10 5239
ES中提供了两新数据结构-Set和WeakSet。Set是类似于数组，但是成员变量的值都是唯一的，没有重复的值。WeakSet也是不重复的值的集合，但是只能用来存放对象。一、Set使用(1)Set本身提供了一个构造函数，用来生成Set数据结构。var s = new Set(); [2,2,2,5,8,16,2,1].map(x => s.add(x))for(i of s){console.lo
基于JavaWeb开发的图书管理系统 (源码+数据库).zip-大作业&课程设计
09-07
基于JavaWeb开发的图书管理系统 (源码+数据库).zip-大作业&课程设计，本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。 基于JavaWeb开发的图书管理系统 (源码+数据库).zip-大作业&课程设计，本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。 基于JavaWeb开发的图书管理系统 (源码+数据库).zip-大作业&课程设计，本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。 基于JavaWeb开发的图书管理系统 (源码+数据库).zip-大作业&课程设计，本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求如果。
武汉工程大学邮电与信息工程学院在广东2021-2024各专业最低录取分数及位次表.pdf
最新发布
09-07
全国各大学在广东2021-2024各专业最低录取分数及位次表
青岛工学院在广东2021-2024各专业最低录取分数及位次表.pdf
09-07
全国各大学在广东2021-2024各专业最低录取分数及位次表
android studio 配套资源 gradle8.9all
09-07
android studio 配套资源 gradle8.9all
自动升降收料设备_机械3D图Solidworks设计图.zip
09-07
自动升降收料设备_机械3D图Solidworks设计图
Set和Map数据结构的比较和使用
Set是一种叫做集合的数据结构，ES6新增的一种新的数据结构，类似于数组，成员唯一（内部元素没有重复的值）。Set对象允许你储存任何类型的唯一值，无论是原始值或者是对象引用（不限数据类型）。Set本身是一种构造...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值