在JS中封裝List、Map、Set等集合

劉厚水發布于2019-08-23 17:18 / 1788人閱讀

摘要：結構本身可以看作一個線性數組，因此可以利用數組來封裝，首先，定義中的數組和各類方法。用來存儲，與中的對象很相似，因此，可以通過封裝對象，定義一系列方法來構造。

在前端，我們通常需要用JS處理一些從服務器返回的數據，例如簡單的數據清洗、對數據格式做細微的調整等等，這些需求在java中借助集合通常很容易完成，但JS原生不提供類似java中的集合，這時，我們可以利用JS中的原生數組和Object對象來封裝List、Map、Set這些集合，下面依次說明如何封裝這些集合。

List

List結構本身可以看作一個線性數組，因此可以利用數組來封裝，首先，定義List中的數組和各類方法。

function List(){
    this.values = new Array();
    this.add = function(a){
        this.values.push(a);
    }
    this.get = function(index){
        if(index >= this.values.length){
            console.error("index is out range of the max index");
        }else{
            return values[index];
        }
    }
    ......
}

Map

Map用來存儲key-Value，與JS中的Object對象很相似，因此，可以通過封裝Object對象，定義一系列方法來構造Map。

function Map(){
    this.objs = {};
    this.put = function(key ,value){
        this.objs[key] = value;
    }
    this.get = function(key){
        if(key in this.objs){
            return this.objs[key];
        }else{
            console.debug("this key is not in the Map");
        }
    }
    this.keys = function(){
        var a = new Array();
        for(var b in this.objs){
            a.push(b);
        }
        return a;
    }
    this.delete = function(key){
        delete this.objs[key];
    }
}

GPU云服務器云服務器 js中獲取list集合數據在jsp中定義map js中list去重 js取map中數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104125.html

Immutable.js 初識

摘要：文章博客地址所創建的數據有一個迷人的特性數據創建后不會被改變。是的基類，使用該類時需要至少繼承其子類中的一個。總結所提供的和固有的各有優勢，未來有可能制定一套原生的規范，在這之前，是一個不錯的選擇。參考資料官方文檔文章博客地址：http://pinggod.com/2016/Immutable/ Immutable.js 所創建的數據有一個迷人的特性：數據創建后不會被改變。我們使用 ...

Olivia 2019-08-19 18:45 評論0 收藏0
Java013-集合

摘要：集合框架重點理解用于存儲數據的容器。集合容器在不斷向上抽取過程中。出現了集合體系。，刪除將集合中的元素全刪除，清空集合。刪除集合中指定的對象。注意刪除成功，集合的長度會改變。作用用于取集合中的元素。是集合特有的迭代器。是單列集合是雙列集合集合框架（重點理解）：用于存儲數據的容器。特點：1：對象封裝數據，對象多了也需要存儲。集合用于存儲對象。2：對象的個數確定可以使用數組，但是不確定怎...

qpal 2019-08-16 14:47 評論0 收藏0
java學習(七) —— API集合類

摘要：集合類主要負責保存盛裝其他數據，因此集合類也被稱為容器類。所有的集合類都位于包下。表示一組對象，這些對象也稱為的元素。成員方法把集合轉成數組迭代器，集合的專用遍歷方式之接口概述有序的，也稱為序列。前言在編程中，常常需要集中存放多個數據。從傳統意義上講，數組是我們的一個很好的選擇，前提是我們實現已經明確知道我們將要保存的對象的數量。一旦在數組初始化時指定了數組長度，這個數組長度就...

senntyou 2019-08-19 11:09 評論0 收藏0
Java 線程相關類

摘要：提供了線程安全的共享對象，在編寫多線程代碼時，可把不安全的整個變量封裝進，或者把該對象與線程相關的狀態使用保存并不能替代同步機制，兩者面向的問題領域不同。 ThreadLocal類使用ThreadLocal類可以簡化多線程編程時的并發訪問，使用這個工具類可以很簡捷地隔離多線程程序的競爭資源。Java5之后，為ThreadLocal類增加了泛型支持，即ThreadLocal Threa...

Sanchi 2019-08-14 17:40 評論0 收藏0
kotlin學習筆記-異常好玩的list集合總結

摘要：可能是最流行的集合類型。它是一個范性有序的集合。一個無序并不支持重復的集合。接口繼承接口，集合中可以存放重復對象。集合類提供了，等高階函數去處理。我們聲明一個集合或者數組，可以轉換成相應類型的集合。調用轉換為可變集合。不積跬步無以至千里,不積小流無以成江海先看看Kotlin中for循環的遍歷 fun testList(){ var StringVal = 12_...

RebeccaZhong 2019-08-16 12:44 評論0 收藏0