JavaScript实现的List（集合）类

Zack 发布于2019-08-19 17:19 / 1622人阅读

摘要：引言在后端语言如中，一般具有类型，它是一种集合类型，可以放置某个类型的数据它与数组类似，但是相对于数组，它又会有很多更加便捷的，如等方法中是没有原生的支持类型的，所以大家在想要使用的时候，都会去自己封装一个类，然后去实现它，下面我也给出一种

引言

在后端语言（如C#、Java）中，一般具有List类型，它是一种集合类型，可以放置某个类型的数据；它与数组（Array）类似，但是相对于数组，它又会有很多更加便捷的API，如：add、remove、clear等方法；

JavaScript中是没有原生的支持List类型的，所以大家在想要使用的时候，都会去自己封装一个类，然后去实现它，下面我也给出一种实现方式，这个实现满足了基本的API，而且是在JS Array类型的基础上扩展的，也可以在它上面使用Array的方法，另外一大亮点是可以直接引用length属性获得集合的元素个数。

代码实现

//兼容IE8-，为Array原型添加indexOf方法；
if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function (item) {
        var index = -1;
        for (var i = 0; i < this.length; i++) {
            if (this[i] === item) {
                index = i;
                break;
            }
        }
        return index;
    }
}

//List类实现
var List = function (args) {
    var self = this;

    if (List.isArray(args)) {
        self = args;
    }
    self.constructor = List;
    //向集合追加新元素
    self.add = function (item) {
        self.push(item);
        return self;
    };
    //在指定索引处插入新元素
    self.insert = function (index, item) {
        self.splice(index, 0, item);
        return self;
    };
    //删除元素，仅删除第一个索引处的元素
    self.remove = function (item) {
        var index = self.indexOf(item);
        if (index != -1) {
            return self.splice(index, 1)[0];
        } else {
            return undefined;
        }
    };
    //删除元素，如果元素在多个索引处存在，则全部删除
    self.removeAll = function (item) {
        var result = [];
        var removeItem = undefined;
        do {
            removeItem = self.remove(item);
            if (removeItem !== undefined) {
                result.push(removeItem);
            }
        } while (removeItem !== undefined);
        return result;
    };
    //根据index删除元素
    self.removeAt = function (index) {
        if (index != -1) {
            return self.splice(index, 1)[0];
        } else {
            return undefined;
        }
    };
    //判断元素是否包含在集合中
    self.contains = function (item) {
        return self.indexOf(item) != -1;
    };
    //清空集合的所有元素
    self.clear = function () {
        return new List(self.splice(0, self.length));
    };
    self.size = function () {
        return self.length;
    };

    if (List.isArray(args)) {
        return self;
    } else if (arguments.length > 0) {
        for (var i = 0; i < arguments.length; i++) {
            self.add(arguments[i]);
        }
    }
};
List.isArray = Array.isArray || function (target) {
    return Object.prototype.toString.call(target) === "[object Array]";
};

/*下面这段代码是关键，它设定了List类的原型是Array的原型（继承关系），所以List类也同样拥有Array的特征*/
List.prototype = Array.prototype;

改进

这段代码还是有改进的空间的，就是还可以添加一些其他的便捷方法，不过我就先实现到这里，后续的改进我会更新这段代码。

GPU云服务器云服务器 javascript实现类 javascript的集合 list集合比较 java遍历list集合

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/78415.html

Immutable.js 初识

摘要：文章博客地址所创建的数据有一个迷人的特性数据创建后不会被改变。是的基类，使用该类时需要至少继承其子类中的一个。总结所提供的和固有的各有优势，未来有可能制定一套原生的规范，在这之前，是一个不错的选择。参考资料官方文档文章博客地址：http://pinggod.com/2016/Immutable/ Immutable.js 所创建的数据有一个迷人的特性：数据创建后不会被改变。我们使用 ...

Olivia 2019-08-19 18:45 评论0 收藏0
[译] Java 8 Nashorn 教程

摘要：未来的主要发布基于。在中调用函数支持从代码中直接调用定义在脚本文件中的函数。下面的函数稍后会在端调用为了调用函数，你首先需要将脚本引擎转换为。调用函数将结果输出到，所以我们会首先看到输出。幸运的是，有一套补救措施。原文：Java 8 Nashorn Tutorial 译者：飞龙协议：CC BY-NC-SA 4.0 这个教程中，你会通过简单易懂的代码示例，来了解Nashorn Ja...

_ivan 2019-08-14 14:21 评论0 收藏0
从观察者模式到迭代器模式系统讲解 RxJS Observable（一）

摘要：是的缩写，起源于，是一个基于可观测数据流结合观察者模式和迭代器模式的一种异步编程的应用库。是基于观察者模式和迭代器模式以函数式编程思维来实现的。学习之前我们需要先了解观察者模式和迭代器模式，还要对流的概念有所认识。 RxJS 是 Reactive Extensions for JavaScript 的缩写，起源于 Reactive Extensions，是一个基于可观测数据流 Stre...

notebin 2019-08-23 18:02 评论0 收藏0
集合数据处理（C#、JavaScript 和 Java）

摘要：系列公用委托都用于委托带有返回值的的方法，所有都是最后一个参数代表返回值类型。的字面对象据称也是哈希实现。 Java 丢了好多年，最近在拣起来，首先当然是了解这么多年来它的变化，于是发现了 Java 8 的java.util.stream。在学习和试验的过程中，相比较于 C# 和 javascript，有那么些心得，作文以记之。早些时间写过一篇《ES6 的 for..of 和 Ge...

zacklee 2019-08-14 14:39 评论0 收藏0