JavaScript 是弱类型语言，为了保证数值的有效性，在处理数值的时候，我们可以对数值字符串进行强行转换。如 parseInt 取整和 parseFloat 取浮点数。Java 也有 Integer.parseInt() 方法， 但是 JavaScript 的 parseInt 处理方式与 Java 等强整型语言不太一样， 所以经常有人因为对这个方法的使用不当而获得异常返回。

之前阿里巴巴的前端面试有一道这样的题，是关于parseInt()的用法的，题目如下：

var b = parseInt("01");

alert("b="+b);

var c = parseInt("09/08/2009");

alert("c="+c);

答案是b=1，c=0。

parseInt()是用来解析字符串，返回值是整数。有几个特点：

  1. 无视被解析字符串最前和最后的空格，即：" 111 "和"111"是一样的
  2. 正规格式是parseInt(string,radix)。radix可以省略，为0或者2-36之间的整数，用来表示被解析数值的进制。（注意不是解析返回结果的进制）。如果radix不在此范围内，返回NaN
  3. 如果radix 省略或者为0，则按默认进制对string进行解析。
  4. string的首字符为0,则默认解析为8进制。string首字符为0x则默认解析为16进制。其他情况默认为10进制。
  5. 解析从第一个可以解析的字符开始，到第一个不能解析的字符（如空格，标点符号等）结束。后面的字符不再解析。
  6. 如果第一个字符不可以解析，则返回NaN。如"a8989"

现在我们再回头来看这个题就容易理解了。

b的值首字母是0，按8进制解析后面的数值，也就是8进制的1。自然返回值为1。

难点在第二个。

c的首字符是0,一般想法是按8进制进行解析。但是我们发现第二个字符9已经不是8进制数，也就是说9是第一个不能解析的字符。parseInt("09/08/2009")也就变成了parseInt("0")；结果再明显不过，是0。

如果我们稍加变化parseInt("0119/08/2009")，首字符是0，按八进制解析，同样读到9的时候不能解析。也就变成了parseInt("011")，结果也很明显，是9。

下面的代码大家可以自己测试一下，只要把等价的string写出来，结果就显而易见了。还有提示大家注意分辨网上杂乱的资料。不要被错误的分析误导。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>test</title>

</head>

<body>

</body>

<script type="text/javascript">

document.write(parseInt("010","")+ "<br />");

document.write(parseInt("010","0")+ "<br />");

document.write(parseInt("10","2")+ "<br />");

document.write(parseInt("09/08/2009")+ "<br />");

document.write(parseInt("0119/08/2009")+ "<br />");

document.write(parseInt("03 0/aafsdfs")+ "<br />");

document.write(parseInt(" 030,aaf")+ "<br />");

document.write(parseInt("030aaf")+ "<br />");

document.write(parseInt("03/2009")+ "<br />");

document.write(parseInt("a03/2009")+ "<br />");

document.write(parseInt("0119/08/2009")+ "<br />");

</script>

</html>

一个例子：

parseInt("10");			//返回 10

parseInt("19",10);		//返回 19 (10+9)

parseInt("11",2);		//返回 3 (10+9)

parseInt("17",8);		//返回 15 (8+7)

parseInt("1f",16);		//返回 31 (16+15)

parseInt("010");		//未定：返回 10 或 8

阿里巴巴前端面试parseInt()函数的面试题的更多相关文章

  1. JQuery选择器大全 前端面试送命题：面试题篇 对IOC和DI的通俗理解 c#中关于协变性和逆变性（又叫抗变）帮助理解

    JQuery选择器大全   jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement")    选择id值等于myElement的元素 ...

  2. 阿里巴巴前端面试分享-社招（p6）

    借鉴了朋友的阿里面试经:(社招前端2年经验) 电话面 简单自我介绍, 做过哪些项目, 使用哪些技术栈 ? 如何看待前端框架选型 ? vue的如何实现双向绑定的 ? react 虚拟DOM 是什么? 如 ...

  3. web前端面试试题总结---javascript篇

    JavaScript 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的 ...

  4. web前端面试试题总结---css篇

    CSS 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型.W3C 盒子模型: (2)盒模型: 内容(content).填充(padding).边界(m ...

  5. 2019前端面试系列——JS面试题

    判断 js 类型的方式 1. typeof 可以判断出'string','number','boolean','undefined','symbol' 但判断 typeof(null) 时值为 'ob ...

  6. 2019前端面试系列——Vue面试题

    Vue 双向绑定原理        mvvm 双向绑定,采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty()来劫持各个属性的 setter.getter,在数 ...

  7. web前端面试试题总结---html篇

    HTML Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器 ...

  8. Web前端面试笔试题总结

    最近一段时间要毕业了,忙着找工作,见过不少笔试面试题,自己总结了一些加上网上找的一些整合了一下.答案暂时都东拼西凑出来了,但是还是先不发出来,一方面是答案并不是唯一的并且自己的答案不能保证对,另一方面 ...

  9. web前端面试试题总结---其他

    其他问题 原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的? 你遇到过比较难的技术问题是?你是如何解决的? 设计模式 知道什么是singleton, factory, strategy ...

随机推荐

  1. git上下载的thinkphp框架报错解决方法

    ​ git上下载的thinkphp5框架使用.gitignore没上传依赖,需要通过composer进行下载依赖,使用composer install或者composer update即可解决.

  2. hive 学习系列五（hive 和elasticsearch 的交互，很详细哦，我又来吹liubi了）

    hive 操作elasticsearch 一,从hive 表格向elasticsearch 导入数据 1,首先,创建elasticsearch 索引,索引如下 curl -XPUT '10.81.17 ...

  3. 05 redis（进阶）

    redis 阶段一.认识redis 1.什么是redis Redis是由意大利人Salvatore Sanfilippo(网名:antirez)开发的一款内存高速缓存数据库.Redis全称为:Remo ...

  4. Datetime与Datetime2的区别

    Datetime:        时间格式,对应于数据库中的DateTime类型,对应于.NET里面的System. DateTime类型.DateTime支持日期从1753年1月1日到9999年12 ...

  5. github简单使用教程(转)

    github是一个基于git的代码托管平台,付费用户可以建私人仓库,我们一般的免费用户只能使用公共仓库,也就是代码要公开.对于一般人来说公共仓库就已经足够了,而且我们也没多少代码来管理,O(∩_∩)O ...

  6. Qt 加载Leap motion 手势识别软件 二次开发 hello world

    研发需要对收拾是被进行精确定位,实现收拾的识别,和在虚拟现实中精确的显示手势在实际世界中的位置. 开始使用的Qt mingw的版本开发,总是函数没有定义,最后发现是leap sdk中需要代育vs的库文 ...

  7. 目标检测之Faster-RCNN的pytorch代码详解(模型准备篇)

    十月一的假期转眼就结束了,这个假期带女朋友到处玩了玩,虽然经济仿佛要陷入危机,不过没关系,要是吃不上饭就看书,吃精神粮食也不错,哈哈!开个玩笑,是要收收心好好干活了,继续写Faster-RCNN的代码 ...

  8. Jquery append()总结（一） 转载

    转载自:http://dushanggaolou.iteye.com/blog/1173457 append(content)  /** * 向每个匹配的元素内部追加内容. * 这个操作与对指定的元素 ...

  9. kickstart技术安装操作系统

    kickstart是RedHat公司开源的软件,所以对CentOS兼容性最好. 原理:我们将手动安装的所有的详细步骤记录到一个文件中,然后kickstart通过读取这个文件就可以实现自动化安装系统. ...

  10. 并查集——poj1308（并查集延伸）

    题目链接:Is It A Tree? 题意:给你一系列形如u v的点对(u v代表一条由u指向v的有向边),请问由给你的点构成的图是不是一棵树? 树的特征:①每个节点(除了根结点)只有一个入度:②只有 ...