javascript中Map的应用

小灰灰 2022-08-14 05:33 115阅读 0赞

function Map() \{  
    this.elements = new Array();  
    //获取MAP元素个数  
    this.size = function() \{  
        return this.elements.length;  
    \};  
    //判断MAP是否为空  
    this.isEmpty = function() \{  
        return (this.elements.length < 1);  
    \};  
    //删除MAP所有元素  
    this.clear = function() \{  
        //this.elements = new Array();  
        this.elements.length = 0;  
    \};  
    //向MAP中增加元素（key, value)  
    this.put = function(\_key, \_value) \{  
        this.remove(\_key);  
        this.elements.push( \{  
            key : \_key,  
            value : \_value  
        \});  
    \};  
    //删除指定KEY的元素，成功返回True，失败返回False  
    this.remove = function(\_key) \{  
        var bln = false;  
        try \{  
            for (i = 0; i < this.elements.length; i++) \{  
                if (this.elements\[i\].key == \_key) \{  
                    this.elements.splice(i, 1);  
                    return true;  
                \}  
            \}  
        \} catch (e) \{  
            bln = false;  
        \}  
        return bln;  
    \};  
    //获取指定KEY的元素值VALUE，失败返回NULL  
    this.get = function(\_key) \{  
        try \{  
            for (i = 0; i < this.elements.length; i++) \{  
                if (this.elements\[i\].key == \_key) \{  
                    return this.elements\[i\].value;  
                \}  
            \}  
        \} catch (e) \{  
            return null;  
        \}  
    \};  
    //获取指定索引的元素（使用element.key，element.value获取KEY和VALUE），失败返回NULL  
    this.element = function(\_index) \{  
        if (\_index < 0 || \_index >= this.elements.length) \{  
            return null;  
        \}  
        return this.elements\[\_index\];  
    \};  
    //判断MAP中是否含有指定KEY的元素  
    this.containsKey = function(\_key) \{  
        var bln = false;  
        try \{  
            for (i = 0; i < this.elements.length; i++) \{  
                if (this.elements\[i\].key == \_key) \{  
                    bln = true;  
                \}  
            \}  
        \} catch (e) \{  
            bln = false;  
        \}  
        return bln;  
    \};  
    //判断MAP中是否含有指定VALUE的元素  
    this.containsValue = function(\_value) \{  
        var bln = false;  
        try \{  
            for (i = 0; i < this.elements.length; i++) \{  
                if (this.elements\[i\].value == \_value) \{  
                    bln = true;  
                \}  
            \}  
        \} catch (e) \{  
            bln = false;  
        \}  
        return bln;  
    \};  
    //获取MAP中所有VALUE的数组（ARRAY）  
    this.values = function() \{  
        var arr = new Array();  
        for (i = 0; i < this.elements.length; i++) \{  
            arr.push(this.elements\[i\].value);  
        \}  
        return arr;  
    \};  
    //获取MAP中所有KEY的数组（ARRAY）  
    this.keys = function() \{  
        var arr = new Array();  
        for (i = 0; i < this.elements.length; i++) \{  
            arr.push(this.elements\[i\].key);  
        \}  
        return arr;  
    \};  
\}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*测试页面    index.jsp\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"  
    pageEncoding="ISO-8859-1"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<script type="text/javascript" src="js/map.js"></script>  
<title>map js Test</title>  
</head>  
<body>  
  
</body>  
<script type="text/javascript">  
var map = new Map();  
map.put("key0","value0");  
map.put("key1","value1");  
map.put("key2","value2");  
map.put("key3","value3");  
map.put("key4","value4");  
map.put("key5","value5");  
function Test()\{  
    if(map.size() > 0)\{  
        var keys = map.keys();  
        for(var i=0;i<keys.length;i++)\{  
           alert("key:" + keys\[i\] + "value:" + map.get(keys\[i\]));  
        \}  
    \}  
\}  
  
function TestRemove()\{  
    if(map.size() > 0)\{  
        var keys = map.keys();  
        for(var i=0;i<keys.length;i++)\{  
           alert("动态移除key:" + keys\[i\]);  
           map.remove(keys\[i\]);  
        \}  
    \}  
\}  
  
  
function TestClear()\{  
    if(map.size() > 0)\{  
       var keys = map.keys();  
       alert("清空所用的keys:" + keys\[i\]);  
       map.clear();  
    \}  
\}  
  
   
  
function getValues()\{  
    if(map.size() > 0)\{  
        var values = map.values();  
        for(var i=0;i<values.length;i++)\{  
           alert("value:" + values\[i\]);  
        \}  
    \}  
\}  
</script>  
</html>

发表评论取消回复

表情：

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

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

相关阅读

相关 Javascript中Map与Object的区别

典型的区别 Map可以将任何数据类型作为key，而Object，只能使用String或者Symbol。 > 一个 Map的键可以是任意值，包括函数、对象或任意基本类

曾经终败给现在/ 2022年10月23日 04:53/ 0 赞/ 175 阅读

相关 Javascript的Map对象

前言最近工作写js，需要传json到后台，虽然本身js的Array也可以是一个HashMap一样，但是还是感觉很麻烦，方法很少，写起来不够爽。就用了十几分钟百度了一下j

阳光穿透心脏的1/2处/ 2022年09月21日 15:23/ 0 赞/ 129 阅读

相关 javascript中Map的应用

function Map() \{ this.elements = new Array(); //获取MAP元素个数 this.siz

小灰灰/ 2022年08月14日 05:33/ 0 赞/ 116 阅读

相关 jstl中对java map的应用

[JSTL对Map集合的操作][JSTL_Map] 1、迭代当forEach 的items属性中的表达式的值是java.util.Map时，则var中命名

川长思鸟来/ 2022年06月17日 08:29/ 0 赞/ 99 阅读

相关 JavaScript数组应用之forEach、map、filter、reduce

JavaScript数组方法讲解 ES3.0的方法与ES5.0的方法分别有： 1. 改变原数组：reverse,sort,push,pop,unshift,sh

左手的ㄟ右手/ 2022年05月14日 03:07/ 0 赞/ 122 阅读

相关 Javascript中的Cookie应用

一什么是 Cookie Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。

冷不防/ 2022年05月12日 00:44/ 0 赞/ 133 阅读

相关 javascript中map和filter的区别

原生js中数组可以直接通过map(),filter()函数来进行一次操作，他们分别是做一次统一映射，和一次过滤。说的更通俗一点，就是map函数之后，数组元素个数不变，但是按照一

短命女/ 2022年04月13日 14:15/ 0 赞/ 188 阅读

相关 javascript 中的map()方法

想获取更多的前端技术-请专注公众号：胖梅web前端 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

红太狼/ 2022年03月06日 13:38/ 0 赞/ 251 阅读

相关 map的应用技巧

前些时间项目遇到一个有意思的问题，让我对map有了一个新的认知，先介绍背景吧： package com.chen.test; public clas

我不是女神ヾ/ 2022年01月22日 05:09/ 0 赞/ 213 阅读

相关 Map应用

用 Map 来管理课程 Course.java public class Course { public String id;

﹏ヽ暗。殇╰゛Y/ 2021年12月03日 04:19/ 0 赞/ 201 阅读