var user = ['Alice', 'Emily', 'Kate'];
      console.log(user);
     var keys = user.keys();
for (var key of keys) {
  console.log(key);  // map.get(key)可得value值。
}
var values = user.values();
for (var value of values) {
  console.log(value);
}
var kao=[];
var entries = user.entries();
for ([key, value] of entries) {
  console.log(key, value);
let obj={idx:key, val:value, name:'promiss'+key};
  kao.push(obj);
}
console.log(kao);
//console.log('~',kao.get(0));
var k2=[];
kao.forEach(function(value, key) {
  //let obj={}
  console.log(key, value);
})
// 初始化Map需要一个二维数组,或者直接初始化一个空Map
var m1 = new Map([['a', 'a1'], ['b', 'b2'], ['c', 'c3']]);
    var m11 = new Map([['a', 'a1'], ['b', 'b2'], ['c', 'c3']]);
    var m2 = new Map();
 
    console.log(m1);      // 返回Map  {"a" => "a1", "b" => "b2", "c" => "c3"}
    console.log(typeof(m1));  // object, Map仍属于 object
    console.log(m1 == m11)    // flase  虽然两个Map里面的值一样,但是是属于不同的object
    // 1. size属性,返回 Map的元素数
    console.log(m1.size);   // 3
    // 2. keys()  获取Map的所有key
    console.log(m1.keys());   // 返回 MapIterator {"a", "b", "c"}
    // 3. values()  获取Map的所有value
    console.log(m1.values()); // 返回 MapIterator {"a1", "b2", "c3"}
    // 4. entries() 获取Map所有成员  
    console.log(m1.entries());  // 返回 MapIterator {"a" => "a1", "b" => "b2", "c" => "c3"}
    // 5. forEach() 循环操作映射元素
    m1.forEach(function(value, key, map) {
      // value:  key对应的值,  
    // key: Map的key,(map参数已省略情况下,key可省略)
    // map:  Map本身,(该参数是可省略参数)
    console.log(value);     // key对应的值   a1  b2  c3
    console.log(key);     // key      a   b   c
    console.log(map);     // Map本身      Map Map Map
    });
    // 6. set()   给Map添加数据,  返回添加后的Map
    console.log(m2.set('a', 1));  // 返回Map  {"a" => 1}
    console.log(m2.set('b', 2));  // {"a" => 1, "b" => 2}
    console.log(m2.set('a', 11)); // {"a" => 11, "b" => 2} 给已存在的键赋值会覆盖掉之前的值,  
console.log('m2~',m2);
    // 7. has()   检测是否存在某个key, 返回布尔值,有:true; 没有:false
    console.log(m2.has('a'));   // true
    console.log(m2.has('c'));   // false
    // 8. get()   获取某个key的值,返回key对应的值,没有则返回undefined  
    console.log(m2.get('a'));     // 11
    console.log(m2.get('c'));   // undefined
    // 9. delete()  删除某个key及其对应的value,返回布尔值,成功:true; 失败:false
    console.log(m2.delete('b'));  // true
    console.log(m2.delete('d'));  // false
 
    console.log(m2.get('b'));   // undefined, 因为b已经删除
    console.log('m2~',m2);
    // 10. clear()  清除所有的值,返回 undefined
    console.log(m1.clear());    // undefined
    console.log(m1);        // {}
     // 初始化Map需要提供一个Array作为输入,或者直接创建一个空Set
    var s1 = new Set(['a', 'b', 'c']);
    var s11 = new Set(['a', 'b', 'c']);
    var s2 = new Set(['a', 'a', 'b', 'b', 'c', 'c']);
    var s3 = new Set();
 
    console.log(s1);        // 返回 Set(3) {"a", "b", "c"}
    console.log(s2);        // 返回 Set(3) {"a", "b", "c"}
    console.log(typeof(s1));    // object
    console.log(s1 == s11);   // false
    console.log(s1 == s2);    // false
 
    // 1. size属性  返回Set的元素数
    console.log(s1.size);     // 3
 
    // 2. keys() 获取Set的所有key  
    console.log(s1.keys());   // 返回 SetIterator {"a", "b", "c"}
 
    // 3. values()  获取Set的值,返回结果和 keys()一样
    console.log(s1.values());   // 返回 SetIterator {"a", "b", "c"}
 
    // 4. entries() 获取Set所有成员,返回同keys()
    console.log(s1.entries());  // 返回 SetIterator {"a", "b", "c"}
 
    // 5. forEach() 循环操作集合元素  
    s1.forEach(function(v, k, s){ // v、k是集合的键,s是集合本身
    console.log(v);       //  a   b   c
    console.log(k);       //  a   b   c
    console.log(s);       // Set Set Set
    });
    // 6. add()   给集合添加数据 返回添加后的Set
    console.log(s3.add('aa'));    // Set(1) {"aa"}
    console.log(s3.add('bb'));    // Set(2) {"aa", "bb"}
    console.log(s3.add('aa'));    // Set(2) {"aa", "bb"}  添加重复的值,会被排重掉,
 
    // 7. has() 查询集合中是否包含某个元素  返回布尔值 有:true; 没有:false
    console.log(s3.has('aa'));    // true
    console.log(s3.has('ff'));    // false  
    // 8. delete() 删除集合中的某个元素  返回布尔值
    console.log(s3.delete('aa')); // true
    console.log(s3.delete('ee')); // false
    console.log(s3);        // Set(1) {"bb"}
 
    // 9. clear()  清除集合的所有值 返回undefined
    console.log(s1.clear());    // undefined
 
    console.log(s1);        // Set(0) {}

js array map的更多相关文章

  1. js array map() 函数的简单使用

    语法: array.map(function(currentValue,index,arr), thisValue) currentValue:必须.当前元素的值 index:可选.当前元素的索引值 ...

  2. js Array Map and Set

    Array slice slice()就是对应String的substring()版本,它截取Array的部分元素,然后返回一个新的Array: var arr = ['A', 'B', 'C', ' ...

  3. 兼容低版本JS的Array.map方法

    前几天去别的公司面试遇到个这样的问题,兼容IE7下的Array.map方法,一脸蒙蔽.后面回来查了下资料发现.Array.map方法是ECMA-262 标准中新添加的方法,在低版本的JS中是木有的. ...

  4. js Array 中的 map, filter 和 reduce

    原文中部分源码来源于:JS Array.reduce 实现 Array.map 和 Array.filter Array 中的高阶函数 ---- map, filter, reduce map() - ...

  5. js 数组map用法 Array.prototype.map()

    map 这里的map不是"地图"的意思,而是指"映射".[].map(); 基本用法跟forEach方法类似: array.map(callback,[ thi ...

  6. js模拟Map对象,实现key---value

    js模拟Map对象,实现key---value 根据java中map的属性,实现key----value保存 function Map() { var struct = function (key, ...

  7. 从Chrome源码看JS Array的实现

    .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto } .crayon-line spa ...

  8. js Array 方法总结

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. JavaScript 对象Array,Map,Set使用

    for(int i = 0 :i < 3 ;i++ ){ //[重点说三遍] 在说明每个对象的用法之前,首先说明 JavaScript 对象的使用一定要注意浏览器的兼容性问题!尤其是IE的版本! ...

  10. 几种最常见的js array操作方法及示例

    1. 序言 操作array可谓前端最基础的工作,无论是从接口中取的数据,还是筛选数据,或者是添加按钮权限等等操作,array都是绕不开的东西.array的操作很多,初学者十分容易搞混,不是很熟练的情况 ...

随机推荐

  1. STL中的智能指针(Smart Pointer)及其源码剖析: std::unique_ptr

    STL中的智能指针(Smart Pointer)及其源码剖析: std::unique_ptr 和 std::auto_ptr一样,std::unique_ptr也是一种智能指针,它也是通过指针的方式 ...

  2. 【KAWAKO】TVM-在ubuntu服务器上的安装

    目录 下载源码 安装依赖库 修改config.cmake文件 编译 安装python库 添加tophub 简单验证 官方的安装教程在这里 下载源码 从Download Page中下载下来的源码是0.8 ...

  3. 推荐系统[八]算法实践总结V1:淘宝逛逛and阿里飞猪个性化推荐:召回算法实践总结【冷启动召回、复购召回、用户行为召回等算法实战】

    0.前言:召回排序流程策略算法简介 推荐可分为以下四个流程,分别是召回.粗排.精排以及重排: 召回是源头,在某种意义上决定着整个推荐的天花板: 粗排是初筛,一般不会上复杂模型: 精排是整个推荐环节的重 ...

  4. 我做的FFmpeg开源C#封装库Sdcb.FFmpeg

    我做的FFmpeg开源C#封装库Sdcb.FFmpeg 写在前面: 该主题为2022年12月份.NET Conf China 2022我的主题,项目地址:https://github.com/sdcb ...

  5. 遥感影像和DEM数据获取处理、GeoServer切片发布并使用Cesium加载

    1. 数据获取 笔者这里使用的是哨兵一号(Sentinel-1).ALOS的遥感影像和ALOS的DEM数据 下载地址为:ASF Data Search (alaska.edu) ASF(Alaska ...

  6. 昇腾AI新技能,还能预防猪生病?

    摘要:日前,由华为与武汉伯生科技基于昇腾AI合作研发的"思符(SiFold)蛋白质结构预测平台"正式推出,并成功应用于国药集团动物保健股份有限公司的猪圆环病毒疫苗研发中. 本文分享 ...

  7. .NET6+WebApi+Vue 前后端分离后台管理系统(二)

    项目搭建: 这个项目使用的开发工具是:VSCode,工具的下载和安装这里就不赘述了,自行百度吧.使用的技术主要是: Vue3.Element Plus 等,Vue 项目的搭建这里也不赘述,如果不熟悉可 ...

  8. es 6中for in与for of适用对象

    在 ES6 中提供了 for-of,可以很方便的遍历数组和类数组,但是却不能遍历对象,这是为什么,与 for-in 仅仅相差一个单词,用途也是遍历,为什么却不能使用在对象上? 查资料后得知,原来 ES ...

  9. pip 源修改,换国内

    pip国内的一些镜像   阿里云 https://mirrors.aliyun.com/pypi/simple/  中国科技大学 https://pypi.mirrors.ustc.edu.cn/si ...

  10. go语言 cmd执行命令,遇到空格或者双引号无法执行成功的解决方案

    大部分go执行cmd命令都是,我也是这样写的 package main import ( "fmt" "os/exec" ) func main() { cmd ...