在javascript中字符串转换成数字

来源：互联网发布：有人买过淘宝店吗编辑：程序博客网时间：2024/06/05 03:05

在html中写的有三个input标签和button标签，-的class为firstone，+ 的class为firsttwo

<input type="text" value="1" class="input"/><button class="firstone">-</button><button class="firsttwo">+</button><input type="text" value="1" class="input"/><button class="firstone">-</button><button class="firsttwo">+</button><input type="text" value="1" class="input"/><button class="firstone">-</button><button class="firsttwo">+</button>

jq中的写法

var inputFirstString = $('input').eq(0).val();var inputSecondString = $('input').eq(1).val();var inputThirdString = $('input').eq(2).val();var inputFirst = Number(inputFirstString);var inputSecond = Number(inputSecondString);var inputThird = Number(inputThirdString);$('.firstone').eq(0).click(function(){inputFirst = inputFirst -1;if (inputFirst <= 0) {inputFirst = 0;}$('input').eq(0).val(inputFirst);});$('.firsttwo').eq(0).click(function(){inputFirst = inputFirst + 1;$('input').eq(0).val(inputFirst);});$('.firstone').eq(1).click(function(){inputSecond = inputSecond - 1;if (inputSecond <= 0) {inputSecond = 0;}$('input').eq(1).val(inputSecond);});$('.firsttwo').eq(1).click(function(){inputSecond = inputSecond + 1;$('input').eq(1).val(inputSecond);});$('.firstone').eq(2).click(function(){inputThird = inputThird -1;if (inputThird <= 0) {inputThird = 0;}$('input').eq(2).val(inputThird);});$('.firsttwo').eq(2).click(function(){inputThird = inputThird + 1;$('input').eq(2).val(inputThird);});

其中涉及到字符串转换成数字

获取值的类型：js在读取input或者文本框的时候，获取的值是字符串，可以通过typeof查看，inputFirstString的类型即为字符串

1、强制转换

可以把获取到的字符串类型强制转换成数字类型，Number(value)——把给定的值转换成数字（可以是整数或浮点数）；

2、利用js变量弱类型转换

代码中如果不适用转化，会出现减号能起到作用，加号会在原来数字后面拼接，如果使用弱类型例子如下

var str = '123.56';var num = str - 0;num = num *1;

只进行算术运算，实现字符串到数字的类型转换

3、通过js转换函数

parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数

2 0