首页 > 其他分享 >js 顺序与迭代

js 顺序与迭代

时间:2024-01-15 11:02:52浏览次数:30  
标签:顺序 迭代 key3 key2 key1 js val3 val2 val1

与 Object 类型的一个主要差异是,Map 实例会维护键值对的插入顺序,因此可以根据插入顺序执 行迭代操作。

映射实例可以提供一个迭代器(Iterator),能以插入顺序生成[key, value]形式的数组。可以 通过 entries()方法(或者 Symbol.iterator 属性,它引用 entries())取得这个迭代器:

const m = new Map([
      ["key1", "val1"],
      ["key2", "val2"],
      ["key3", "val3"]
]);
    alert(m.entries === m[Symbol.iterator]); // true
    for (let pair of m.entries()) {
      alert(pair);
    }
    // [key1,val1]
    // [key2,val2]
    // [key3,val3]
    for (let pair of m[Symbol.iterator]()) {
      alert(pair);
    }
    // [key1,val1]
    // [key2,val2]
    // [key3,val3]

因为 entries()是默认迭代器,所以可以直接对映射实例使用扩展操作,把映射转换为数组:

const m = new Map([
      ["key1", "val1"],
      ["key2", "val2"],
      ["key3", "val3"]
]);
console.log([...m]); // [[key1,val1],[key2,val2],[key3,val3]]

如果不使用迭代器,而是使用回调方式,则可以调用映射的forEach(callback,opt_thisArg) 方法并传入回调,依次迭代每个键/值对。传入的回调接收可选的第二个参数,这个参数用于重写回调 内部 this 的值:

const m = new Map([
      ["key1", "val1"],
      ["key2", "val2"],
      ["key3", "val3"]
]);
    m.forEach((val, key) => alert(`${key} -> ${val}`));
    // key1 -> val1
    // key2 -> val2
    // key3 -> val3
keys()和 values()分别返回以插入顺序生成键和值的迭代器:
    const m = new Map([
      ["key1", "val1"],
      ["key2", "val2"],
      ["key3", "val3"]
]);
for (let key of m.keys()) { alert(key);
    }
    // key1
    // key2
    // key3
for (let key of m.values()) { alert(key);
    }
    // value1
    // value2
    // value3

标签:顺序,迭代,key3,key2,key1,js,val3,val2,val1
From: https://blog.51cto.com/u_16298172/9250233

相关文章

  • Js中的闭包
    Js中的闭包APR 11TH, 2017 5:11PM闭包的概念Wikipedia:Inprogramminglanguages,closures(alsolexicalclosuresorfunctionclosures)areatechniqueforimplementinglexicallyscopednamebindinginlanguageswithfirst-classfunctions.译文:”在编程语言......
  • js 获取 url 中的参数
    方法一: functiongetParam(name){varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)");varr=window.location.search.substr(1).match(reg);if(r!=null)returnunescape(r[2]);returnnull;}//例如网址是 ht......
  • 在nodejs环境使用promise函数
     如果单纯的使用promise,对环境比较简单,只需要一个js文件即可。//constp1=newPromise((resolve,reject)=>{//setTimeout(()=>{//resolve('resolve')//},1000)//})//constp2=newPromise((resolve,reject)=>{//setTimeout(()......
  • JS时间格式化方案汇总
    目前JS实现时间格式化有很多种方案,但具体采用哪一种需要看项目需求以及对应的技术栈。下面汇总常见的方式:Date对象APIDate对象是JavaScript处理日期和时间的基本工具。它提供了一系列方法来获取和设置日期时间的各个部分,以及进行日期和时间的计算。//*******************......
  • js delete()和 clear()函数
    constm=newMap();constfunctionKey=function(){};constsymbolKey=Symbol();constobjectKey=newObject();m.set(functionKey,"functionValue");m.set(symbolKey,"symbolValue");m.set(objectKey,"ob......
  • js Map 基本API
    使用new关键字和Map构造函数可以创建一个空映射:constm=newMap();如果想在创建的同时初始化实例,可以给Map构造函数传入一个可迭代对象,需要包含键/值对数组。可迭代对象中的每个键/值对都会按照迭代顺序插入到新映射实例中://使用嵌套数组初始化映射constm1=newM......
  • js Map函数
    定型数组中值的下溢和上溢不会影响到其他索引,但仍然需要考虑数组的元素应该是什么类型。定型数组对于可以存储的每个索引只接受一个相关位,而不考虑它们对实际数值的影响。以下代码演示了如何处理下溢和上溢://长度为2的有符号整数数组//每个索引保存一个二补数形式的有符号......
  • js 合并、复制和修改定型数组
    定型数组同样使用数组缓冲来存储数据,而数组缓冲无法调整大小。因此,下列方法不适用于定型数组:concat()pop()push()shift()splice()unshift()不过,定型数组也提供了两个新方法,可以快速向外或向内复制数据:set()和subarray()。set()从提供的数组或定型数组中把值复制到当前定型数组......
  • js 定型数组行为
    //创建一个长度为6的Int32Arrayconstints2=newInt32Array(6);//每个数值使用4字节,因此ArrayBuffer是24字节alert(ints2.length);//6//类似DataView,定型数组也有一个指向关联缓冲的引用alert(ints2.buffer.byteLength);//24//创建一个包含[2,4,6,8]的Int......
  • js边界情形
    //在内存中分配两个字节并声明一个DataViewconstbuf=newArrayBuffer(2);constview=newDataView(buf);//填充缓冲,让第一位和最后一位都是1view.setUint8(0,0x80);//设置最左边的位等于1view.setUint8(1,0x01);//设置最右边的位等于1//缓冲内容(为方便阅读,人......