0018 ¥ 集合之has与add方法
http://xxx.fishc.com/forum/201803/20/101934b3igkgm9hgbgz0ck.gif在上一讲我们介绍了集合,本次实现其中的两个方法:has和add。
目前的集合框架:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
<meta name="description" content="《零基础入门学习Web开发》案例演示">
<meta name="author" content="鱼C工作室">
<title>鱼C-数据结构与算法(JavaScript)</title>
</head>
<body>
<script>
// 创建集合
function Set() {
let items = {};
// 向集合添加一个新的项
this.add = function (value) {
};
// 从集合移除一个项
this.delete = function (value) {
};
// 如果值在集合中,返回true,否则返回false
this.has = function (value) {
};
// 返回一个包含集合中所有值的数组
this.values = function () {
};
// 移除集合中的所有项
this.clear = function () {
};
// 返回集合所包含元素的数量
this.size = function () {
};
}
</script>
</body>
</html>
接下来的两个方法,会在相应的方法中添加,不做解释了。
has(value)
has方法比较实用,而且会被add、remove等方法调用。
既然我们用对象存储集合的值,就可以用JS操作符来验证给定的值是否是items对象的属性。
添加代码:
// 如果值在集合中,返回true,否则返回false
this.has = function (value) {
return value in items;
};
没错,某些情况下,in操作符不支持(就是ie),上面的写法还有更优的实现方式:
return items.hasOwnProperty(value);
所有的JS对象都有hasOwnProperty方法,这个方法返回一个表明对象是否具有特定属性的布尔值。
add(value)
add方法用来向集合中添加一个值,对于给定的value,先检查它是否存在于集合中。
如果不存在,就把value添加到集合中,返回true,表示成功添加了这个值。
如果集合中已经有了这个值,由于集合中不能有重复的值,所以返回false,表示没有添加。
代码:
// 向集合添加一个新的项
this.add = function (value) {
// 不存在于集合中的项才可以添加
if(!this.has(value)){
items = value;
return true;
}
// 存在于集合的,不可再添加
else{
return false;
}
};
如果有收获,别忘了评分{:10_281:} :
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
这位鱼油,如果喜欢本系列学习笔记,请订阅 专辑☞(传送门)(不喜欢更要订阅{:10_297:} )
http://xxx.fishc.com/forum/201803/21/151715umqz1qoywp11wjbq.gif
页:
[1]