前端页面中集中常见集合的创建（set，map，arrays）

缺乏、安全感 2023-06-09 16:20 419阅读 0赞

1.  数组

> 1.1 Array的特点及创建方式
> 
> Array 中存储的元素是有序可以重复的，长度是可以动态改变，存储的元素可以是任意的数据类型。
> 
> var arr = new Array("1","2","3");
> 
> var arr = \["a","b","c"\];
> 
> 增
> 
> arr.push("a");//向数组的末尾添加一个或更多元素，并返回新的长度;
> 
> arr.unshift("a")//向数组的开头添加一个或更多元素，并返回新的长度
> 
> 删
> 
> arr.pop("a");//删除数组的最后一个元素并返回该删除的元素
> 
> arr.shift("a");//删除数组的第一个元素并返回该删除的元素
> 
> arr.splice(index,howmany,item1,.....,itemX);
> 
> 改
> 
> arr.splice(index,1,item)
> 
> 查
> 
> arr\[index\]

2.set集合(存储的元素是有序不重复的)

> 创建set集合 var set = new Set(\[“a”,”b”,”c”\]);
> 
> 2.2 增
> 
>  set.add("d");  
>  set.add("a");  
>  set.add(\{\});  
> 2.3 删
> 
> set.delete("a");  
> set.delete(\{\});   
> 2.4 获取迭代器
> 
> // 获取迭代器  
> var keyIterator = set.keys();  
> console.log(keyIterator);
> 
> var valueIterator = set.values();  
> console.log(valueIterator);
> 
> //获取的都是元素
> 
> //通过迭代器找到每一个元素  
> console.log(valueIterator.next()); // \{value : a\}    
> console.log(valueIterator.next()); // \{value : b\}  
> // console.log(set\[Symbol.iterator\]().next());  
> // console.log(set\[Symbol.iterator\]().next());  
>   
> 2.5 长度以及判断是否有某个元素
> 
> //size 长度  
> console.log(set.size);
> 
> //has 判断有没有某个元素  
> console.log(set.has(\{\})); //false  
>

3.Map集合

> 3.1 map的特点以及创建方式  
> map存储的是有序、key不能重复的键值对
> 
> var map = new Map(\[\["name","xiaoming"\],\["age",18\]\])  
>   
> 3.2 增,改
> 
> map.set("set","女");  
> map.set("set","男");  
> //如果set的key值已经存在，则为修改，若不存在则是删除  
>   
> 3.2 查
> 
> console.log(map.get("name"));  
> console.log(map.has("sex"));  
> console.log(map.size);  
>   
> 3.3 删
> 
> map.delete("name")  
>