js 字符串与数字类型互换的方法

2023-03-04 07:42:02JavaScript09

js 字符串与数字类型互换的方法,第1张

一、字符串转换为数字：在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.所以在比较前需要将它们各自的值转换为Number类型。主要的方法有三种：转换函数、强制类型转换、利用js变量弱类型转换。 1.转换函数 parseInt() 和 parseFloat()parseInt(str)：将字符串类型转换为整型，当函数的参数不是字符串时，函数返回NaN(Not a Number) parseFloat(str): 将字符串类型转换为浮点型，当函数的参数不是字符串时，函数返回NaN(Not a Number) 注1:凡是一切表示数的形式的字符串都可以通过上面的两个函数转化为数字，例如：普通的数字 : parseInt('123') // 123 浮点数 : parseInt('123.45') // 123 十六进制数：parseInt('0x11') // 17 科学计数法： parseInt('3e12') // 3 parseInt('13e12') // 13 注2：parseInt()函数支持十六进制形式的字符串转换为整型，但是 parseFloat()函数不支持十六进制形式的字符串转换为浮点型，但是会返回数字0.原因是parseFloat()函数将参数为十六进制的字符串 "0x11"的第一个字符零（0）看做数字，将其他的忽略。 2.强制类型转换可使用强制类型转换（type casting）处理转换值的类型。使用强制类型转换可以访问特定的值，即使它是另一种类型的。ECMAScript中可用的3种强制类型转换如下：Boolean(value)——把给定的值转换成Boolean型； Number(value)——把给定的值转换成数字（可以是整数或浮点数）； String(value)——把给定的值转换成字符串。用这三个函数之一转换值，将创建一个新值，存放由原始值直接转换成的值。这会造成意想不到的后果。当要转换的值是至少有一个字符的字符串、非0数字或对象时，Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null，它将返回false。3. 利用js变量弱类型转换二、数字转换为字符串强制类型转换、利用js变量弱类型转换 1.强制类型转换： String(value)——把给定的值转换成字符串。2.利用js变量弱类型转换：数字+字符串 // 123+"456"------>"123456"

function formatStr(str)

{

str=str.replace(/\r\n/ig,"<br/>")

return str

}

要注意两点：

要使用正则表达式，不能使用 str.replace("\r\n", newString)，这会导致只替换第一个匹配的子字符串。

母字符串中不一定 \r\n 会同时存在，也许只有 \n，没有 \r 也是可能的。

replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。为了帮助大家更好的理解，下面举个简单例子说明一下

Js代码

var stringObj="终古人民共和国，终古人民"

//替换错别字“终古”为“中国”

//并返回替换后的新字符

//原字符串stringObj的值没有改变

var newstr=stringObj.replace("终古","中国")

alert(newstr)

</script> 比我聪明的你，看完上面的例子之后，会发现第二个错别字“终古”并没有被替换成“中国”，我们可以执行二次replace方法把第二个错别字“终古”也替换掉，程序经过改进之后如下：

Js代码

var stringObj="终古人民共和国，终古人民"

//替换错别字“终古”为“中国”

//并返回替换后的新字符

//原字符串stringObj的值没有改变

var newstr=stringObj.replace("终古","中国")

newstr=newstr.replace("终古","中国")

alert(newstr)

</script> 我们可以仔细的想一下，如果有N的N次方个错别字，是不是也要执行N的N次方replace方法来替换掉错别字呢？？呵，不用怕，有了正则表达式之后不用一个错别字要执行一次replace方法。。程序经过改进之后的代码如下

Js代码

var reg=new RegExp("终古","g")//创建正则RegExp对象

var stringObj="终古人民共和国，终古人民"

var newstr=stringObj.replace(reg,"中国")

alert(newstr)

</script> 上面讲的是replace方法最简单的应用，不知道大家有没有看懂？？下面开始讲稍微复杂一点的应用。。大家在一些网站上搜索文章的时候，会发现这么一个现象，就是搜索的关键字会高亮改变颜色显示出来？？这是怎么实现的呢？？其实我们可以用正则表达式来实现，具体怎么样实现呢？简单的原理请看下面的代码

Js代码

var str="中华人民共和国，中华人民共和国"

var newstr=str.replace(/(人)/g,"<font color=red>$1</font>")

document.write(newstr)

</script> 上面的程序缺少互动性，我们再改进一下程序，实现可以自主输入要查找的字符

Js代码

var s=prompt("请输入在查找的字符","人")

var reg=new RegExp("("+s+")","g")

var str="中华人民共和国，中华人民共和国"

var newstr=str.replace(reg,"<font color=red>$1</font>")

document.write(newstr)

</script> 可能大家都会对$1这个特殊字符表示什么意思不是很理解，其实$1表示的就是左边表达式中括号内的字符，即第一个子匹配，同理可得$2表示第二个子匹配。。什么是子匹配呢？？通俗点讲，就是左边每一个括号是第一个字匹配，第二个括号是第二个子匹配。。当我们要把查找到的字符进行运算的时候，怎么样实现呢？？在实现之前，我们先讲一下怎么样获取某一个函数的参数。。在函数Function的内部，有一个arguments集合，这个集合存储了当前函数的所有参数，通过arguments可以获取到函数的所有参数，为了大家理解，请看下面的代码

Js代码

function test(){

alert("参数个数："+arguments.length)

alert("每一个参数的值："+arguments[0])

alert("第二个参数的值"+arguments[1])

//可以用for循环读取所有的参数

}

test("aa","bb","cc")

</script> 看懂上面的程序之后，我们再来看下面一个有趣的程序

Js代码

var reg=new RegExp("\\d","g")

var str="abd1afa4sdf"

str.replace(reg,function(){alert(arguments.length)})

</script> 我们惊奇的发现，匿名函数竟然被执行了二次，并且在函数里还带有三个参数，为什么会执行二次呢？？这个很容易想到，因为我们写的正则表达式是匹配单个数字的，而被检测的字符串刚好也有二个数字，故匿名函数被执行了二次。。在匿名函数内部的那三个参数到底是什么内容呢？？为了弄清这个问题，我们看下面的代码。

Js代码

function test(){

for(var i=0i<arguments.lengthi++){

alert("第"+(i+1)+"个参数的值："+arguments)

}

var reg=new RegExp("\\d","g")

var str="abd1afa4sdf"

str.replace(reg,test)

</script> 经过观察我们发现，第一个参数表示匹配到的字符，第二个参数表示匹配时的字符最小索引位置(RegExp.index)，第三个参数表示被匹配的字符串(RegExp.input)。其实这些参数的个数，还会随着子匹配的变多而变多的。弄清这些问题之后，我们可以用另外的一种写法

Js代码

function test($1){

return "<font color=’red’>"+$1+"</font>"