鱼C论坛

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

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

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

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

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

x

                               
登录/注册后可看大图





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

目前的集合框架:
<!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;
            }
        };





如果有收获,别忘了评分


                               
登录/注册后可看大图


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



                               
登录/注册后可看大图

本帖被以下淘专辑推荐:

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-24 18:07

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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