在javascript中字符串转换成数字

在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()两个转换函数。前者把值转换成整数，后者把值转换成浮点数