JavaScript 特有奇葩问题“字符串类型与数字类型混乱”的分析与解决，与类型转换

字符串类型与数字类型的混乱，应该是JS最著名的奇葩问题了。
恰好最近遇到这个问题，在这里对这个问题的解决方法及产生原因进行总结与分析。

Java 语言与 JavaScript 语言是什么关系。这是初学者常常疑惑的问题。通常情况下大家会回答“有个屁的关系”。但Java 与JavaScript真的一点关系都没有吗？答案当然是否定的。这两种语言虽然有着各种各样的不同，但他们的语法却非常的相似，或者说JavaScript刻意的模仿了Java语言的语法。
我们知道Java是一种强类型语言，变量在声明时必须变量的数据类型。而JavaScript却是一种弱类型语言。
在Java中数字类型相加的时候用的是字符 “+” ,字符串拼接使用的也是字符 “+”。因为JavaScript是强类型的，这个时候虽然都是 “+”，但他的语义却是十分清楚的，不会出现什么问题。
但是在JavaScript中，情况却发生了变化。在声明变量的时候，参数的类型是明确的。例如

	var parameter1 = "231";//这是一个字符串变量
	var parameter2 = 231;  //这是一个数值（int）型变量

然而问题就出在传递参数的时候，例如如下情况

	var parameter = 231;
	fun(parameter);
	function fun(parameter){
		//在这里，传递进来的参数是字符串
	}

更奇葩的是，同一个变量。使用 “-” 运算符的时候，做的是数值相减的运算，而使用“+”运算符的时候，却是字符串的拼接。例如：

	var parameter = 7;
	fun(parameter);
	function fun(parameter){
		for(var i= parameter-2;i<=parameter+2;i++){
			console.log(i);
			//这里parameter-2 算出的值是5(数值运算)
			//而parameter+2算出的值却是72(字符串拼接)
			//这个循环会将从5到72的数字都打印一遍。是的，妈蛋，循环的时候他又变回数字了 ( ╯-_-)╯┴—┴
		}
	}

那么其他弱类型语言为啥不会出现这个奇葩的问题呢？
拿PHP举例，PHP的字符拼接运算符是“.”。数值运算加 的运算符为"+"。故不可能出现这个问题。

以下是问题的解决办法：

	parameter = parseInt(parameter);

附：JS类型转换总结

	parseInt("1234blue");   //returns   1234 
	parseInt("0xA");        //returns   10 
	parseInt("22.5");       //returns   22 
	parseInt("blue");       //returns   NaN

	parseFloat("1234blue"); //returns   1234.0 
	parseFloat("0xA");      //returns   NaN 
	parseFloat("22.5");     //returns   22.5 
	parseFloat("22.34.5");  //returns   22.34 
	parseFloat("0908");     //returns   908 
	parseFloat("blue");     //returns   NaN

	Boolean("");            //false   –   empty   string 
	Boolean("hi");          //true   –   non-empty   string 
	Boolean(100);           //true   –   non-zero   number 
	Boolean(null);          //false   -   null 
	Boolean(0);             //false   -   zero 
	Boolean(new Object());  //true   –   object

	Number(false)           // 0 
	Number(true)            //1 
	Number(undefined)       // NaN 
	Number(null)            //0 
	Number( "5.5 ")         //5.5 
	Number( "56 ")          //56 
	Number( "5.6.7 ")       //NaN 
	Number(new Object())    //NaN 
	Number(100)             //100  

	var s1   = String(null);   //"null" 
	var oNull= null; 
	var s2   = oNull.toString();   //won’t work, causes an error

	var s1 = 123;
	var s2 = 123+"";       //转换为字符串

如果有帮到您，打个赏呗