JS中的Map和Set实现映射对象
使用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实现映射对象相关推荐
- js中数组map方法的使用和实现
js中数组map方法的使用和实现 MDN中定义 map() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值. 语法 var new_array = arr.map(fun ...
- vue前端弹出新增页面testAdd,弹出页面中进行数据编辑,table编辑,行编辑等。包含JS中使用Map进行数据处理。
使用vue写的新增页面,编辑页面等弹出页面,在页面中进行table数据的行编辑,利用JS中的Map做的实时响应的行编辑数据内容汇总计算.校验等.话不多说,上代码: require(['vue', 'z ...
- jquery中的map()方法与js中的map()方法
1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...
- 【Python】Python 中的 map 函数处理可迭代对象
Python 中的 map() 是一个内置函数,可以在不使用显式 for 循环的情况下处理和转换一个迭代器中的所有项目,这种技术通常被称为映射.当需要对一个迭代器中的每个项目应用一个转换函数并将它们转 ...
- js 中使用indexOf()方法是提示(对象不支持此属性或方法)如何解决?
1."对象不支持此属性或方法" 表示 javascript对象没有这个方法,无法调用,比如 A.B() 当A对象没有B方法的时候,会报这个异常 2.因为javascript是 脚本 ...
- Node.js 中 source map 使用问题总结
起源 Node 应用功能越来越复杂,很多业务都开始尝试使用 TypeScript 来开发.现在前端写的 JS 大部分是经过编译过程的,浏览器中通过 source map 的使用,可以很好的解决源码和编 ...
- 一分钟掌握js中的map方法
目录 map是什么 map方法的结构及入参 语法糖 map一般不改变原数组 map是什么 map是操作js数组的方法,也可以说是一个函数,作用是遍历整个数组,对里面的每个值做处理再返回一个新的值. 注 ...
- JS 中的 Map,Set 和 iterable
文章目录 1. Map 2.Set 3. Iterable 1. Map 初始化 Map. var m = new Map([['Michael', 95], ['Bob', 75], ['Tra ...
- JS中的map函数(会改变不是基本类型的数组的值)
1.数组的值是基本类型时,map不会改变原有数据 2.数组的值是引用类型时(对象),map会修改数组的值
最新文章
- jQuery DateTimePicker 日期和时间插件
- hadoop 2.2 本地库编译
- Trie UVALive 7192 Chip Factory (15长春J)
- 那就是我mdash;mdash;大名鼎鼎的C++缪博士
- 字节跳动 2022 校园招聘研发提前批正式启动!
- python第三十二天-----算法
- python入门到熟练要多久_python_入门到熟练_day02
- linux调度器(五)——进程管理与CFS
- c++核心编程第一部分讲义_java并发编程实战-第一部分总结
- office插件开发_进一步拓展wps办公软件的功能——安装vba开发环境插件
- FastAPI 教程翻译 - 介绍
- Win7系统自带 计算器 详细使用方法
- 刚体运动学公式_运动学公式及推导,急急急!!高一物理运动学公式及详细推导过程...
- QQ微派狼人杀经典秘籍进阶篇
- 经济寒冬之后,是人工智能的春天
- android 手机自动控制,Automate自动化处理任务(自动操控手机)
- python——列表基础操作
- 路缘石成型机使用技术更新后施工效果呈现的过程
- bff Backends For Frontends 聚合层
- DNF那个跨区服务器稳定,dnf2017年最新跨区表 dnf2017跨区大区汇总介绍
热门文章
- gitignore.io-程序猿值得拥有的智能生成gitignore文件的秘密武器
- 第七天20160803
- 【Vegas原创】imp/exp导入导出数据
- python2.7安装教程win7_win7 64位环境下,为python2.7 安装pip
- kafka使用_Kafka生产者的使用和原理
- 知云文献翻译打不开_比有道更好用的英文文献阅读翻译神器免费啦
- 设计灵感|独具中国韵味的海报设计
- 年货节页面PSD分层模板,拿稳了!应急!
- 最有创意的万圣节借势海报都在这里
- 电商促销海报BANNER设计要点,万能套用PSD分层模板,先收好!