parseInt(),parseFloat;isNaN()

js—parseInt()

定义:parseInt() 函数可解析一个字符串,并返回一个整数。

语法:parseInt(string, radix)

string:必需。要被解析的字符串。

radix:可选。表示要解析的数字的基数。如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数。如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。一个2到36之间的整数值,用于指定转换中采用的基数。比如参数”10”表示使用我们通常使用的十进制数值系统。总是指定该参数可以消除阅读该代码时的困惑并且保证转换结果可预测。当忽略该参数时,不同的实现环境可能产生不同的结果。

返回值:返回解析后的数字。(返回解析后的整数值。 如果被解析参数的第一个字符无法被转化成数值类型,则返回 NaN。)

说明:当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。举例,如果 string 以 “0x” 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。

注释:只有字符串中的第一个数字会被返回;开头和结尾的空格是允许的;如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN。

描述:parseInt 顶级函数,没有与任何对象关联。

parseInt 函数将第一个参数(字符串)解析并试图返回一个整数或者NaN(Not a Number)。如果结果不是NaN,那么返回值是把第一个参数看作是radix参数指定的进制下的数,然后把它转换成十进制的整数。例如:radix参数为10 将会把第一个参数看作是一个数的十进制表示,8 对应八进制,16 对应十六进制,等等。基数大于 10 时,用字母表中的字母来表示大于 9 的数字。例如十六进制中,使用 A 到 F。如果 parseInt 遇到了不属于radix参数所指定的基数中的字符那么该字符和其后的字符都将被忽略。接着返回已经解析的整数部分。parseInt 将截取整数部分。开头和结尾的空白符允许存在,会被忽略。在没有指定基数,或者基数为 0 的情况下,JavaScript 作如下处理:

如果字符串 string 以”0x”或者”0X”开头, 则基数是16 (16进制).

如果字符串 string 以”0”开头, 基数是8(八进制)或者10(十进制),那么具体是哪个基数由实现环境决定。ECMAScript 5 规定使用10,但是并不是所有的浏览器都遵循这个规定。因此,永远都要明确给出radix参数的值。

如果字符串 string 以其它任何值开头,则基数是10 (十进制)。

如果第一个字符不能被转换成数字,parseInt返回NaN。算术上, NaN 不是任何一个进制下的数。 你可以调用isNaN 来判断 parseInt 是否返回 NaN。NaN 参与的数学运算其结果总是 NaN。

将整型数值以特定基数转换成它的字符串值可以使用 intValue.toString(radix).

实例:parseInt(“10”); //返回 10

parseInt(“19”,10); //返回 19 (10+9)——(十进制)

parseInt(“11”,2); //返回 3 (2+1)——(二进制)

parseInt(“17”,8); //返回 15 (8+7)——(八进制)

parseInt(“1f”,16); //返回 31 (16+15)——(十六进制)

parseInt(“010”); //未定:返回 10 或 8

以下例子均返回15:

parseInt(“F”, 16);
parseInt(“17”, 8);
parseInt(“15”, 10);
parseInt(15.99, 10);
parseInt(“FXX123”, 16);
parseInt(“1111”, 2);
parseInt(“15*3”, 10);
parseInt(“12”, 13);

以下例子均返回 NaN:

parseInt(“Hello”, 8); // Not a number at all
parseInt(“546”, 2); // Digits are not valid for binary representations
以下例子均返回 -15:
parseInt(“-F”, 16);
parseInt(“-0F”, 16);
parseInt(“-0XF”, 16);
parseInt(-15.1, 10);
parseInt(” -17”, 8);
parseInt(” -15”, 10);
parseInt(“-1111”, 2);
parseInt(“-15e1”, 10);
parseInt(“-12”, 13);

下例中也全部返回 17,因为输入的 string 参数以 “0x” 开头时作为十六进制数字解释,而第二个参数假如经过 Number 函数转换后为 0 或 NaN,则将会忽略。

parseInt(“0x11”, 16);
parseInt(“0x11”, 0);
parseInt(“0x11”);
下面的例子返回 224
parseInt(“0e0”,16);
没有指定 radix 参数时的八进制解析EDIT

尽管 ECMAScript 3 已经不赞成这种做法,且 ECMAScript 5 已经禁止了这种做法,但是仍然有很多实现环境仍然把以 0 开头的数值字符串(numeric string)解释为一个八进制数。下面的例子可能返回八进制的结果,也可能返回十进制的结果。总是指定一个基数(radix)可以避免这种不可靠的行为。
parseInt(“0e0”); // 0
parseInt(“08”); // 0, ‘8’ is not an octal digit.
ECMAScript 5 移除了八进制解析

ECMAScript 5 规范不再允许parseInt函数的实现环境把以0字符开始的字符串作为八进制数值。ECMAScript 5 陈述如下:
The parseInt function produces an integer value dictated by interpretation of the contents of the string argument according to the specified radix. Leading white space in string is ignored. If radix is undefined or 0, it is assumed to be 10 except when the number begins with the character pairs 0x or 0X, in which case a radix of 16 is assumed. If radix is 16, number may also optionally begin with the character pairs 0x or 0X.
这与ECMAScript 3有所不同,ECMAScript 3仅仅是不提倡这种做法但并没有禁止这种做法。
直至2013年,很多实现环境并没有采取新的规范所规定的做法, 而且由于必须兼容旧版的浏览器,所以永远都要明确给出radix参数的值.
一个更严格的解析函数EDIT

有时采用一个更严格的方法来解析整型值很有用。此时可以使用正则表达式:
filterInt = function (value) {
if(/^(-|+)?([0-9]+|Infinity)$/.test(value))
return Number(value);
return NaN;
}

console.log(filterInt(‘421’)); // 421
console.log(filterInt(‘-421’)); // -421
console.log(filterInt(‘+421’)); // 421
console.log(filterInt(‘Infinity’)); // Infinity
console.log(filterInt(‘421e+0’)); // NaN
console.log(filterInt(‘421hop’)); // NaN
console.log(filterInt(‘hop1.61803398875’)); // NaN
console.log(filterInt(‘1.61803398875’)); // NaN
规范EDIT
规范版本 规范状态 注解
ECMAScript 1st Edition. Standard Initial definition.
ECMAScript 5.1 (ECMA-262)
parseInt Standard
ECMAScript 2015 (6th Edition, ECMA-262)
parseInt Standard

isNaN

今天使用isNaN()函数判断是否是数字时遇到的问题,当变量是空串时,isNaN()的返回值还是false,但空串却不是数据,查了一下,才知道原来isNaN()把空串或空格作0处理的。

isNaN  返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字)。
  NaN 即 Not a Number
  isNaN(numValue)
  必选项 numvalue 参数为要检查是否为 NAN 的值。
  说明
  假如值是 NaN, 那么 isNaN 函数返回 true ,否则返回 false 。 使用这个函数的典型情况是检查 parseInt 和 parseFloat 方法的输入值。
  还有一种办法,变量可以与它自身进行比较。 假如比较的结果不等,那么它就是 NaN 。 这是因为 NaN 是唯一与自身不等的值。
  isNaN函数用法示例:比如我有一个textbox用于录入数字型的数据,在提交表单的时候我要验证该textbox中的值是否为数据,那么我们可以使用isNaN函数。
  function checkValue()
  {
  if(isNaN(document.all.textbox.value))
  {
  alert(“请用数字录入!”);
  return false;
  }
  }
  isNaN的典型使用是为parseInt和parseFloat方法的输入值进行一个提前的检验,但这种简单结果并不好。虽然可能有一些教课书上也这么说,甚至于错误地认为其是一个检查parseInt和parseFloat的返回值,这样都是错误的。
  parseInt与parseFloat是将一个字符型按数字进行一个转化。但自身还有错误处理的,如果你的输入值不是一个数字时,则parseInt和parseFloat返回一个消息:“is not number”,但一般的情况下我们都是对一个数字样式的字符串进行转换的,谁会无聊到转化非数字型的呢?所以你输入的参数是否合格,可以先进行一次isNaN检查的。
  但如果我们有意识的以下行为,事先是不能用isNaN进行检查的,数字开头中间含有字母时,如果用isNaN进行检查是通不过的。
  如果是一个空串或是一个空格,而isNaN是做为数字0进行处理的,而parseInt与parseFloat是返回一个错误消息,这个isNaN检查不严密而导致的。
  两个函数是独立的,并不会谁为谁而生存,isNaN与parseInt/parseFloat并没有关系。

ParseFloat()

一、parseInt()

parseInt()方法首先查看位置0处的 字符,判断它是否是个有效数字;如果不是,该方法将返回NaN,不再继续执行其他操作。但如果该字符是有效数字,该方法将查看位置1处的字符,进行同样的 测试。这一过程将持续到发现非有效数字的字符为止,此时parseInt()将把该字符之前的字符串转换成数字。

例如

如果要把字符串 “1234blue “转换成整数,那么parseInt()将返回1234,因为当它检测到字符b时,就会停止检测过程。

parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。

基是由parseInt()方法的第二个参数指定的,所以要解析十六进制的值,当然,对二进制、八进制,甚至十进制(默认模式),都可以这样调用parseInt()方法。

如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。

二、parseFloat()

与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字 符之前的字符串转换成数字。

不过,对于这个方法来说,第一个出现的小数点是有效字符。如果有两个小数点,第二个小数点将被看作无效的, parseFloat

()方法会把这个小数点之前的字符串转换成数字。这意味着字符串 “22.34.5 “将被解析成22.34。

使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,而不能用八进制形式或十六进制形式。

该方法会忽略前导0,所以八进制数0908将被解析为908。对于十六进制数0xA,该方法将返回NaN,因为在浮点数中,x不是有效字符。

此外,parseFloat()也没有基模式。

猜你喜欢

转载自blog.csdn.net/Ape55/article/details/72725914
今日推荐