使用iterable内置的forEach方法

var a = ['A', 'B', 'C'];
a.forEach(function (element, index, array) {// element: 指向当前元素的值// index: 指向当前索引// array: 指向Array对象本身alert(element);
});

Set与Array类似,但Set没有索引,因此回调函数的前两个参数都是元素本身:

var s = new Set(['A', 'B', 'C']);
s.forEach(function (element, sameElement, set) {alert(element);
});

Map的回调函数参数依次为value、key和map本身:

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {alert(value);
});

map映射

MAP映射
Map映射是将输入的数据中有价值的东西提取出来,转化为更有利于处理的格式
let dataAfterProcess = array.map(function(item,index,array){//item为值//index为索引//array为被访问数组return ;//返回dataAfterProcess中希望被添加的元素
});

reduce计算

REDUCE计算
Reduce计算以提取好的数据输入,并获得最终的一个结果
let output = array.reduce(function(accumulator, currentValue, currentIndex, array){//accumulator为输出结果//currentValue为遍历数组目前的值//currentIndex为遍历数组目前的索引//array为被访问数组return ;//返回希望累加的操作
},0);//0为计算结果的初始值,默认为数组第一个元素

JS中的Map和Set实现映射对象相关推荐

  1. js中数组map方法的使用和实现

    js中数组map方法的使用和实现 MDN中定义 map() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值. 语法 var new_array = arr.map(fun ...

  2. vue前端弹出新增页面testAdd,弹出页面中进行数据编辑,table编辑,行编辑等。包含JS中使用Map进行数据处理。

    使用vue写的新增页面,编辑页面等弹出页面,在页面中进行table数据的行编辑,利用JS中的Map做的实时响应的行编辑数据内容汇总计算.校验等.话不多说,上代码: require(['vue', 'z ...

  3. jquery中的map()方法与js中的map()方法

    1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...

  4. 【Python】Python 中的 map 函数处理可迭代对象

    Python 中的 map() 是一个内置函数,可以在不使用显式 for 循环的情况下处理和转换一个迭代器中的所有项目,这种技术通常被称为映射.当需要对一个迭代器中的每个项目应用一个转换函数并将它们转 ...

  5. js 中使用indexOf()方法是提示(对象不支持此属性或方法)如何解决?

    1."对象不支持此属性或方法" 表示 javascript对象没有这个方法,无法调用,比如 A.B() 当A对象没有B方法的时候,会报这个异常 2.因为javascript是 脚本 ...

  6. Node.js 中 source map 使用问题总结

    起源 Node 应用功能越来越复杂,很多业务都开始尝试使用 TypeScript 来开发.现在前端写的 JS 大部分是经过编译过程的,浏览器中通过 source map 的使用,可以很好的解决源码和编 ...

  7. 一分钟掌握js中的map方法

    目录 map是什么 map方法的结构及入参 语法糖 map一般不改变原数组 map是什么 map是操作js数组的方法,也可以说是一个函数,作用是遍历整个数组,对里面的每个值做处理再返回一个新的值. 注 ...

  8. JS 中的 Map,Set 和 iterable

    文章目录 1. Map 2.Set 3. Iterable 1. Map   初始化 Map. var m = new Map([['Michael', 95], ['Bob', 75], ['Tra ...

  9. JS中的map函数(会改变不是基本类型的数组的值)

    1.数组的值是基本类型时,map不会改变原有数据 2.数组的值是引用类型时(对象),map会修改数组的值

最新文章

  1. jQuery DateTimePicker 日期和时间插件
  2. hadoop 2.2 本地库编译
  3. Trie UVALive 7192 Chip Factory (15长春J)
  4. 那就是我mdash;mdash;大名鼎鼎的C++缪博士
  5. 字节跳动 2022 校园招聘研发提前批正式启动!
  6. python第三十二天-----算法
  7. python入门到熟练要多久_python_入门到熟练_day02
  8. linux调度器(五)——进程管理与CFS
  9. c++核心编程第一部分讲义_java并发编程实战-第一部分总结
  10. office插件开发_进一步拓展wps办公软件的功能——安装vba开发环境插件
  11. FastAPI 教程翻译 - 介绍
  12. Win7系统自带 计算器 详细使用方法
  13. 刚体运动学公式_运动学公式及推导,急急急!!高一物理运动学公式及详细推导过程...
  14. QQ微派狼人杀经典秘籍进阶篇
  15. 经济寒冬之后,是人工智能的春天
  16. android 手机自动控制,Automate自动化处理任务(自动操控手机)
  17. python——列表基础操作
  18. 路缘石成型机使用技术更新后施工效果呈现的过程
  19. bff Backends For Frontends 聚合层
  20. DNF那个跨区服务器稳定,dnf2017年最新跨区表 dnf2017跨区大区汇总介绍

热门文章

  1. gitignore.io-程序猿值得拥有的智能生成gitignore文件的秘密武器
  2. 第七天20160803
  3. 【Vegas原创】imp/exp导入导出数据
  4. python2.7安装教程win7_win7 64位环境下,为python2.7 安装pip
  5. kafka使用_Kafka生产者的使用和原理
  6. 知云文献翻译打不开_比有道更好用的英文文献阅读翻译神器免费啦
  7. 设计灵感|独具中国韵味的海报设计
  8. 年货节页面PSD分层模板,拿稳了!应急!
  9. 最有创意的万圣节借势海报都在这里
  10. 电商促销海报BANNER设计要点,万能套用PSD分层模板,先收好!