JavaScript数值转换的三种方式总结

在JavaScript中，数值转换一般有三种方式：

一、Number(param)函数：param可以用于任何数据类型

1.1 param是Boolean值，true和false分别转换为1和0；

1.2 param是数值，只是简单的传入和返回

1.3 param是null和undefined，分别返回0和NaN

1.4 param是字符串，遵循下列规则：

1.4.1 如果字符串中只包含数字，则转换为十进制，前导0被忽略；

1.4.2 如果字符串中包含有效的浮点数格式，则返回对应的浮点数值，前导0被忽略；

1.4.3 如果字符串包含有效的十六进制，则返回等大的十进制数值

1.4.4 如果字符串为空，则返回0

1.4.5 如果字符串中包含除上述格式外的字符，则返回NaN

1.5 param是对象，则调用valueOf()方法，依照前面的规则转换返回字符串值，若返回NaN，则调用toString()方法，再次依照前面的规则转换返回字符串值。

1.6 示例：

<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = Number("hello"); //NaN
var num2 = Number(""); //0
var num3 = Number("00022"); //22
var num4 = Number(true); //1</span>

二、parseInt(param)：把字符串转换成整数，param是字符串类型。

parseInt()忽略字符串前面的空格，直到找到第一个非空格字符S；若S不是数字或者负号，则返回NaN（即parseInt()对空字符返回NaN，注意Number()对空返回0），若S是数字，parseInt()会继续解析下一个字符，直到解析完所有字符或者遇到了一个非数字字符。parseInt()支持对八进制、十六进制的解析

<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseInt("1234blue"); //1234
var num2 = parseInt(""); //NaN
var num3 = parseInt("22.5"); //22
var num4 = parseInt("070"); //八进制，转换为十进制的56</span>

三、parseIFloat(param)：把字符串转换成浮点数，param是字符串类型。

与parseInt类似，parseFloat()从第一个字符开始解析，直到解析完所有字符或者遇到了一个非浮点数字符。第一个小数点有效，但是第二个则无效，且该函数只能解析十进制数，因为它始终会忽略前导0.

<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseFloat("1234blue"); // 1234
var num2 = parseFloat("0xf6"); // 0
var num3 = parseFloat("22.5"); // 22.5
var num4 = parseFloat("22.5.4"); //22.5
var num5 = parseFloat("3.125e7"); // 31250000</span>
赞 (0)

相关推荐

  • JavaScript数值转换的三种方式总结

    在JavaScript中,数值转换一般有三种方式: 一.Number(param)函数:param可以用于任何数据类型 1.1 param是Boolean值,true和false分别转换为1和0: 1.2 param是数值,只是简单的传入和返回 1.3 param是null和undefined,分别返回0和NaN 1.4 param是字符串,遵循下列规则: 1.4.1 如果字符串中只包含数字,则转换为十进制,前导0被忽略: 1.4.2 如果字符串中包含有效的浮点数格式,则返回对应的浮点数值,前导

  • javascript函数命名的三种方式及区别介绍

    javascript函数命名的三种方式及区别介绍 第一 复制代码 代码如下: function fn(val1,val2) { alert(val1+val2); } fn(1,2); 第二 复制代码 代码如下: var fn=function() { alert(val1+val2); } fn(1,2); 第三 复制代码 代码如下: var fn=new Function("alert(val1+val2)"); fn(1,2); 上面三种方式逻辑上是等价的,但是还是有点小区别:区

  • 探讨JavaScript中声明全局变量三种方式的异同

    探讨JavaScript中声明全局变量三种方式的异同

    变量及变量声明是一门语言最基本的概念,初学者都会很快掌握.JavaScript中声明变量也是如此,很简单var(关键字)+变量名(标识符). 方式1 var test;var test = 5;需注意的是该句不能包含在function内,否则是局部变量.这是第一种方式声明全局变量. 方式2 test = 5;没有使用var,直接给标识符test赋值,这样会隐式的声明了全局变量test.即使该语句是在一个function内,当该function被执行后test变成了全局变量. 方式3 window

  • 实现JavaScript中继承的三种方式

    一.原型链继承 在原型链继承方面,JavaScript与java.c#等语言类似,仅允许单父类继承.prototype继承的基本方式如下: 复制代码 代码如下: function Parent(){} function Child(){} Child.prototype = new Parent(); 通过对象Child的prototype属性指向父对象Parent的实例,使Child对象实例能通过原型链访问到父对象构造所定义的属性.方法等. 构造通过原型链链接了父级对象,是否就意味着完成了对象

  • C#中对象与JSON字符串互相转换的三种方式

    C#中对象与JSON字符串互相转换的三种方式

    JSON(JavaScriptObject Notation, JS 对象标记) 是一种轻量级的数据交换格式. 关于内存对象和JSON字符串的相互转换,在实际项目中应比较广泛,经过一番搜索,找到如下三种方法来解决此问题 分别是使用Newtonsoft.Json.dll.DataContractJsonSerializer.JavaScriptSerializer. 方法一:Newtonsoft.Json.dll Newtonsoft.Json.dll在.net2.0之后的版本可以支持 我的版本.

  • JavaScript接口的实现三种方式(推荐)

    Javascript模仿接口可以有三种方式:1.注释法 2.检查属性法 3.鸭式辨形法 1.注释法:此方法属于程序文档范畴,对接口的继承实现完全依靠程序员自觉 /* interface People{ function createHead(); function createBody(); } */ var woman = function(name){ //implements People interface this.name = name; } woman.prototype.show

  • 基于JavaScript 声明全局变量的三种方式详解

    JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍. 声明方式一: 使用var(关键字)+变量名(标识符)的方式在function外部声明,即为全局变量,否则在function声明的是局部变量.该方式即为显式声明详细如下: <script> var test = 5;//全局变量 function a(){ var a = 3;//局部变量 alert(a); } function b(){ alert(test); } //a();//调用a方法,那么方法里面的内容才会执行 //b(

  • JavaScript 定义function的三种方式小结

    (1)声明一个表达式变量,并定义该变量的表达式.如: 复制代码 代码如下: var func = function() { /*body code*/ } (2) 定义一个function表达式,并指定该表达式的标识.如: 复制代码 代码如下: function func() { //body code } (3) 使用JavaScript内置Function对象构造.如: 复制代码 代码如下: var func = new Function("/*parameters*/",&quo

  • JavaScript常用截取字符串的三种方式用法区别实例解析

    stringObject.substring(start,stop) 用于提取字符串中介于两个指定下标之间的字符. start必需.一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置. stop可选.一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1.如果省略该参数,那么返回的子串会一直到字符串的结尾. start从0开始 到stop(不包含stop)结束 不接受负的参数. stringObject.substr(start,

  • JavaScript中绑定事件的三种方式及去除绑定

    在JavaScript中,有三种常用的绑定事件的方法 第一种办法 函数写在结构层里面 非常不好,使页面很混乱,行为与结构得不到分离 <input type="button" onclick="func();"> 绑定事件的第二种办法 好处:行为与结构开始分离 缺点: 第二种绑定方式中只能给一个时间绑定一个处理函数 即.onclick = fn1;  .  onclick = fn2 最终的效果是onclick = fn2 <select name=

随机推荐