js中map对象获取key+value,以及常用方法

本文介绍了JavaScript中的Map对象,包括如何获取key和value,以及常见的Map接口使用。同时,文章探讨了JavaScript中的`var that = this`用法,解释了它在不同场景如小程序回调函数、Ajax成功回调中如何代表当前对象。最后,讨论了在JavaScript中针对不同DOM进行操作的情况。
该文章已生成可运行项目,

1. Map 接口

Map(8){                    // 主要数据
    0: {"2_7" => "2号北4"}
    1: {"2_6" => "2号南4"}
    2: {"2_5" => "2号北3"}
    3: {"2_4" => "2号南3"}
    4: {"2_3" => "2号北2"}
    5: {"2_2" => "2号南2"}
    6: {"2_1" => "2号北1"}
    7: {"2_0" => "2号南1"}
    size: 8
    __proto__: Map{        // 主要函数
        clear: ƒ clear()
        constructor: ƒ Map()
        delete: ƒ delete()
        entries: ƒ entries()
        forEach: ƒ forEach()
        get: ƒ ()
        has: ƒ has()
        keys: ƒ keys()
        set: ƒ ()
        size: (...)
        values: ƒ values()
        Symbol(Symbol.iterator): ƒ entries()
        Symbol(Symbol.toStringTag): "Map"
        get size: ƒ size()
    }
}

2. var that = this; (在javascript语言中,this代表着当前的对象,即当前操作的dom元素的对象,它在程序中随着执行的上下文随时会变化,即随着操作不同的dom对应的数值会对应发生变化。)

  1. 小程序的回调函数
  2. ajax的success回调函数
  3. js中更换不同的DOM
public group_name: any = null;

maptest(map) {
    var that=this;//把this对象复制到临时变量that.
    map.forEach(function (value, key, map) {
      var arr: String[] = String(key).split("_");
      console.log("*****************", arr[1]);  // 7
      console.log("key:" + key + "~~~" + "value:" + value); // key:2_7~~~value:A南1
      that.group_name = value;
    }
}

 

本文章已经生成可运行项目
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值