JavaScript之map与parseInt的陷阱

【JavaScript之map与parseInt的陷阱】的更多相关文章

JavaScript之map与parseInt的陷阱

问题来源这个问题的来源是学习廖雪峰老师JS教程.问题如下:小明希望利用map()把字符串变成整数,他写的代码很简洁: 'use strict'; var arr = ['1', '2', '3']; var r; r = arr.map(parseInt); console.log(r); // [1, NaN, NaN] 为什么不是[1, 2, 3]?这是因为两个两个函数的定义有冲突.下面详解: map的定义注意到这个问题的原因是参考了这个国外某博客JavaScript可选参数危险…

JavaScript Array.map + parseInt

map 生成新数组的函数,3个参数 1-currentValue, callback数组中正在处理的当前元素 2-index(可选): callback数组中正在处理的当前元素的索引 3-array(可选): map方法调用的数组 /** * 语法: * var new_array = arr.map(function callback(currentValue[,index[,array]]){ * // return element for new_array * }[,thisArg])…

通过 ['1', '2', '3'].map(parseInt) 学习 map 和 parseInt 函数

看到一道笔试题: ['1', '2', '3'].map(parseInt) 这道题目中涉及到 map 和 parseInt 函数的运用,如果对这两个函数的理解不充分的话,是很难思考出正确的结果的. 下面就通过这道题目对 map 和 parseInt 函数作一个简单的理解和分析: map((item, index, thisArr) => ( newArr )) [参数解析] item: callback 的第一个参数,数组中正在处理的当前元素. index: callback 的第二个参数,数…

JavaScript之Map对象

前言工欲善其事,必先利其器.这是一款以前在前端项目中没有使用过的.有趣的对象,咱来看看如何使用~ 并非arrayObj.map(function) //arrayObj.map与arrayObj.forEach方法类似 [].map(function(itemValue, itemIndex, array) { // ... }); Map() 介绍集合中的键和值可以是任何类型.如果使用现有密钥向集合添加值,则新值会替换旧值. var mp = new Map(); clear 从映射中移除…

javascript自定义Map对象

javascript定义map对象开发前端组件的重要性就不过多阐述了,直接参考以下案例即可 <script type=text/javascript charset=utf-8> function Map(){ var obj = {} ;// put this.put = function(key , value){ obj[key] = value ; } // size this.size = function(){ var count = 0 ; for(var attr in obj…

JavaScript的Map和Set

JavaScript的Map和Set 1.map:映射(通过key获得value).增.删 2.set:增.删.判断是否包含某个元素 1. Map <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript学习</title> <script> 'use…

JavaScript - map和parseInt的坑

问题: var arrs = ['1', '2', '3']; var r = arrs.map(parseInt); alert(r);//1,NaN,NaN map arr.map(function callback(currentValue[, index[, array]]) { // Return element for new_array }[, thisArg]) parseInt parseInt(string, radix); 因为map()接收三个参数,parseInt()接…

JavaScript的面临的9个陷阱

虽然不是什么很高深的技术问题,但注意一下,会使您的编程轻松些,即所谓make life easier. 笔者对某些陷阱会混杂一些评点. 1. 最后一个逗号如这段代码,注意最后一个逗号,按语言学角度来说应该是不错的(python的类似数据类型辞典dictionary就允许如此).IE会报语法错误,但语焉不详,你只能用人眼从几千行代码中扫描. <script> var theObj = { city : "Boston", state : "MA",…

当map遇到parseInt

也是一道面试题,估计除了面试题,一般情况下,也不会写出类似的代码了. ['1', '2', '3'].map(parseInt) 这么一道题的返回结果是什么? 如果不用浏览器去验证,乍一看,似乎确实没什么头绪. 我们先看一下map函数的官方解释: map 方法会给原数组中的每个元素都按顺序调用一次callback 函数.callback 每次执行后的返回值(包括 undefined)组合起来形成一个新数组. map本身接受两个参数:callback回调函数和thisArg(可选的)执行 call…

javaScript 的 map() reduce() foreach() filter()

map(映射), reduce(规约), forEach(遍历), filter(过滤),它们都是高阶函数,都是以传入不同的函数来以不同的方式操作数组元.ie都不支持一.map方法 *概述 map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组.(ps:map函数作用于数组) 1.语法 array.map(callback[, thisArg]) 2.参数 callback 原数组中的元素经过该方法后返回一个新的元素. currentValue callback 的…