JS-集合（常见操作方法）

2023-02-28 19:19:02JavaScript08

JS-集合（常见操作方法）,第1张

//我们的集合里面不允许有重复的元素

function Set(){

// 属性

this.items={}

// add方法

Set.prototype.add=value=>{

//判断当前集合是否包含了该元素

if (this.has(value))return false

//将元素添加到集合中

this.items[value]=value//集合中，键为value，值为value

return true

}

// has方法--判断集合中是否有某一个元素！

Set.prototype.has=(value)=>{

return this.items.hasOwnProperty(value)

}

// remove方法

Set.prototype.remove=(value)=>{

// 1.判断集合中是否包含该元素

if (!this.has(value))return false

// 2.包含则删除集合中的属性，delete是js中的属性

delete this.items[value]

return true

}

// clear方法

Set.prototype.clear=()=>{

this.items={}

}

// size方法

Set.prototype.size=()=>{

return Object.keys(this.items).length

}

// 获取集合中所有的值

Set.prototype.values=()=>{

return Object.keys(this.items)

}

很简单的一个使用：点击菜单，能够显示下面的或者不显示

1，主要目的：：展现的是的一个菜单项，然后点击一下，隐藏，点一下，弹出下面的内容

用到的是 overflow：hidden 和 overflow="visible"这两个属性在点击的function中，设置属性应该node.style.overflow="visible"当然设置tr的高度也是很重要的，要恰好让其他的选项隐蔽。

2，采用同样的技术，多加几个，但是就是传参数比较麻烦，采用this传参很常用

具体代码如下。

<!DOCTYPE html>

<html>

<head>

<!-- 1，主要目的：：展现的是的一个菜单项，然后点击一下，隐藏，点一下，弹出下面的内容

用到的是 overflow：hidden 和 overflow="visible"这两个属性在点击的function中，设置属性应该

node.style.overflow="visible"

2，采用同样的技术，多加几个，但是就是传参数比较麻烦

-->

dl{

height:18px/*优先级问题，必须要写*/

overflow:hidden

}

dd{

margin:0px

padding:0px

}

.close{

height:18px/*优先级问题，必须要写*/

overflow:hidden

}

.open{

height:80px

overflow:visible

background-color:#ff8000

}

</style>

function click2(node1){

// alert("aa"+node.nodeName)// td

var nodes=node1.parentNode

// alert(nodes.nodeName)

// alert("aa"+nodes.className)

//※※通过传进的对象判断采用哪种css模式

if(nodes.className=="open"){

nodes.className="close"

}else{

nodes.className="open"

}

</script>

</head>

<body>

<!--当很多时候采用传参就很麻烦,每个都需要去传参

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

-->

<br/>

<hr/>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

</body>

</html>

https://www.cnblogs.com/sqh17/p/8529401.html

1、splice(start,deletecount,item) 会改变原数组的方法。

arr.splice(i,n) 删除从i(索引值)开始之后的那个元素。返回值是删除的元素

参数： i 索引值 n 个数

splice(start,deletecount,item)方法：

2、split()是使用指定的分隔符字符串将字符串分割成子字符串,返回一个子字符串数组。

3、slice()方法可以对数组或字符串截取。

arr.slice(start,end) 切去索引值start到索引值end的数组，不包含end索引的值，返回值是切出来的数组。

** 2. 提取某个字符串的一部分,并返回一个新的字符串,不会改变原字符串。**

# ES6 symbol类型详解

https://juejin.cn/post/6925619440843227143

1、定义：

symbol类型是新的原始数据类型，表示独一无二的值，其他的原始数据类型还有Number,String,Boolean，Null,Undefined；Object属于复杂数据类型。

2、symbols 作为对象的属性

3、利用Symbol的特性可定义内部私有属性或方法

forEach：没有返回值, 但不能使用break、continue和return语句

for…in：遍历数组索引、对象的属性。使用for…in遍历时，原型链上的所有属性都将被访问。

map: 有返回值。并且可以返回一个结果数组。但是map 遍历对象的话也会报错，所以map只能循环数组或者对象数组。

for...of ：创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环，以替代 for...in 和 forEach() ，并支持新的迭代协议。for...of 允许你遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构等。

循环返回的是value。

Maps(映射)

Map 对象就是保存 key-value(键值) 对。对象和原始值可以用作 key(键)或 value(值)。Map 对象根据其插入方式迭代元素。换句话说， for...of 循环将为每次迭代返回一个 key-value(键值) 数组。

Set(集合)

Set(集合) 对象允许你存储任何类型的唯一值，这些值可以是原始值或对象。 Set(集合) 对象只是值的集合。 Set(集合) 元素的迭代基于其插入顺序。 Set(集合) 中的值只能发生一次。如果您创建一个具有多个相同元素的 Set(集合) ，那么它仍然被认为是单个元素。

三、JavaScript Map 和 Object 的区别( https://www.cnblogs.com/ysx215/p/11387938.html )

在 Object 中， key 必须是简单数据类型（整数，字符串或者是 symbol），而在 Map 中则可以是 JavaScript 支持的所有数据类型，也就是说可以用一个 Object 来当做一个Map元素的 key。

Map 元素的顺序遵循插入的顺序，而 Object 的则没有这一特性。

Map 继承自 Object 对象。

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：python怎么把字符串最后一个字符去掉

# 下一篇：苹果电脑怎么取消手写