|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
在上一讲我们介绍了集合,本次实现其中的两个方法: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] = value;
- return true;
- }
- // 存在于集合的,不可再添加
- else{
- return false;
- }
- };
复制代码
如果有收获,别忘了评分 :
这位鱼油,如果喜欢本系列学习笔记,请订阅 专辑☞( 传送门)( 不喜欢更要订阅 )
|
|