js Map封装

àì夳堔傛蜴生んèń 2022-08-10 08:56 160阅读 0赞

function Map(){
            this.elements = new Array();
    
            /**
             * 返回数组长度
             * @returns {Number}
             */
            this.size = function(){
                return this.elements.length;
            }
    
            /**
             * 清空数组
             */
            this.clear = function(){
                this.elements = new Array();
            }
    
            /**
             * 装入数据 {key:value}
             * @param key
             * @param value
             */
            this.put = function(key,value){
                if (key == null || key == undefined)return;
                if(this.containsKey(key)){
                    this.update(key,value);
                }else{
                    this.elements.push({
                        key : key,
                        value : value
                    })
                }
    
            }
    
            /**
             * 根据key获取当前数组中所对应的值 / 找不到返回null
             * @param key
             * @returns {*}
             */
            this.get = function(key){
                try{
                    for(var i=0; i<this.size(); i++){
                        if(this.elements[i].key == key){
                            return this.elements[i].value;
                        }
                    }
                }catch(e){
                    return null;
                }
                return null;
            }
    
            /**
             * 根据key删除数组数据
             * @param key
             * @returns {boolean}
             */
            this.remove = function(key){
                try {
                    for (var i=0; i< this.size(); i++) {
                        if (this.elements[i].key == key){
                            this.elements.splice(i, 1);
                            return true;
                        }
                    }
                }catch(e){
                    return false;
                }
                return true;
            }
    
            /**
             * 更新数组value值
             * @param key
             * @param value
             * @returns {boolean}
             */
            this.update = function(key,value){
                for(var i=0;i<this.size();i++){
                    if(this.elements[i].key == key){
                        this.elements[i].value = value;
                        return true;
                    }
                }
                return false;
            }
    
            /**
             * 是否包含key值
             * @param key
             * @returns {boolean}
             */
            this.containsKey = function(key){
                try{
                    for(var i=0;i<this.size();i++){
                        if(this.elements[i].key == key){
                            return true;
                        }
                    }
                }catch(e){
                    return false;
                }
                return false;
            }
    
            /**
             * 获取数组中所有数据
             * @returns {Array}
             */
            this.keys = function(){
                var array = new Array();
                for(var i=0;i<this.size();i++){
                    array.push(this.elements[i].value);
                }
                return array;
            }
    
            /**
             * 通过数组下标获取data
             * @param number
             * @returns {*}
             */
            this.getIndex = function(number){
                if(number<0 || number>=this.size()){
                    return null;
                }
                return this.elements[number];
            }
    
    
    
    
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 js动画封装

js动画封装凡是可以看到过渡效果的基本都可以用到js动画，都能引用 <!-- ani() 作用：动画给某个元素查看某个css 属性值

超、凢脫俗/ 2023年06月25日 10:08/ 0 赞/ 23 阅读

相关 ajax封装js

ajax工具类代码：注意：使用前需要引入jquery (function () { var $ax = function (type,url, suc

ゞ浴缸里的玫瑰/ 2023年06月07日 12:21/ 0 赞/ 28 阅读

相关 JS_js弹窗封装

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

柔情只为你懂/ 2022年11月19日 05:26/ 0 赞/ 241 阅读

相关 JS_js选择器封装

选择器封装 const $ = name => document.querySelector(name); 使用 $('.submit') //

我不是女神ヾ/ 2022年11月04日 11:19/ 0 赞/ 218 阅读

相关 js Map

Array.prototype.remove = function(s) { for (var i = 0; i < this.length; i

青旅半醒/ 2022年08月23日 05:45/ 0 赞/ 138 阅读

相关 js 实现map

//map的JS实现 this.map = function(){ var map = { put: function(key, v

Bertha 。/ 2022年08月21日 13:50/ 0 赞/ 168 阅读

相关 JS 实现Map

function Map() { this.arr = new Array(); var struct = function(key, valu

阳光穿透心脏的1/2处/ 2022年08月13日 09:29/ 0 赞/ 155 阅读

相关 js Map封装

function Map(){ this.elements = new Array(); /

àì夳堔傛蜴生んèń/ 2022年08月10日 08:56/ 0 赞/ 160 阅读

相关 JS动画封装

简单的运动函数 var demo1=document.getElementById("demo1"); demo1.onmouseover=funct

叁歲伎倆/ 2022年08月04日 05:22/ 0 赞/ 194 阅读

相关 JS库封装

1.入口函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

深碍√TFBOYSˉ_/ 2022年01月27日 09:29/ 0 赞/ 247 阅读