鱼C论坛

 找回密码
 立即注册
查看: 1562|回复: 0

[庖丁解牛] 0018 ¥ 集合之has与add方法

[复制链接]
发表于 2018-4-17 14:49:21 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x

                               
登录/注册后可看大图





上一讲我们介绍了集合,本次实现其中的两个方法:hasadd

目前的集合框架:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
  7.     <meta name="description" content="《零基础入门学习Web开发》案例演示">
  8.     <meta name="author" content="鱼C工作室">
  9.     <title>鱼C-数据结构与算法(JavaScript)</title>
  10. </head>
  11. <body>
  12. <script>
  13.     //    创建集合
  14.     function Set() {

  15.         let items = {};

  16. //        向集合添加一个新的项
  17.         this.add = function (value) {

  18.         };

  19. //        从集合移除一个项
  20.         this.delete = function (value) {

  21.         };

  22. //        如果值在集合中,返回true,否则返回false
  23.         this.has = function (value) {

  24.         };

  25. //        返回一个包含集合中所有值的数组
  26.         this.values = function () {

  27.         };

  28. //        移除集合中的所有项
  29.         this.clear = function () {

  30.         };

  31. //        返回集合所包含元素的数量
  32.         this.size = function () {

  33.         };
  34.     }
  35. </script>
  36. </body>
  37. </html>
复制代码


接下来的两个方法,会在相应的方法中添加,不做解释了。




has(value)

has方法比较实用,而且会被add、remove等方法调用。

既然我们用对象存储集合的值,就可以用JS操作符来验证给定的值是否是items对象的属性。

添加代码:
  1. //        如果值在集合中,返回true,否则返回false
  2.         this.has = function (value) {
  3.             return value in items;
  4.         };
复制代码


没错,某些情况下,in操作符不支持(就是ie),上面的写法还有更优的实现方式:
  1. return items.hasOwnProperty(value);
复制代码


所有的JS对象都有hasOwnProperty方法,这个方法返回一个表明对象是否具有特定属性的布尔值。




add(value)

add方法用来向集合中添加一个值,对于给定的value,先检查它是否存在于集合中。

如果不存在,就把value添加到集合中,返回true,表示成功添加了这个值。

如果集合中已经有了这个值,由于集合中不能有重复的值,所以返回false,表示没有添加。

代码:
  1. //        向集合添加一个新的项
  2.         this.add = function (value) {
  3. //            不存在于集合中的项才可以添加
  4.             if(!this.has(value)){
  5.                 items[value] = value;
  6.                 return true;
  7.             }
  8. //            存在于集合的,不可再添加
  9.             else{
  10.                 return false;
  11.             }
  12.         };
复制代码






如果有收获,别忘了评分


                               
登录/注册后可看大图


这位鱼油,如果喜欢本系列学习笔记,请订阅 专辑&#9758;传送门)(不喜欢更要订阅



                               
登录/注册后可看大图

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-26 17:34

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表