今天被JavaScript的String型和数字型的+运算撞了一下腰。

简介: 今天被JavaScript的String型和数字型的+运算撞了一下腰。

今天被JavaScript的String型和数字型的+运算撞了一下腰。

 

 从url

 

 http://www.test.com/test.asp?ipageno=12

 

 中取得iPageNo=12,本来是要跳转到iPageNo+1页,即13页,但实跳上却跳转到了121页,即iPageNo+1的结果是121。

 

 为什么会这样呢?

 

 写了下面的测试代码:

<mce:script language="javascript"><!--
var  iPageNo = "12";
document.write("var iPageNo =/"12/";<BR><BR>");
var a1= 1 + iPageNo;
var a2= iPageNo + 1;
var b1= 1 - iPageNo;
var b2= iPageNo - 1;
document.write("typeof(1 + iPageNo)= " + typeof(a1) + ",   1 + iPageNo = " + a1);
document.write("<BR><BR>");
document.write("typeof(iPageNo + 1)= " + typeof(a2) + ",   iPageNo + 1 = " + a2);
document.write("<BR><BR>");
document.write("typeof(1 - iPageNo)= " + typeof(b1) + ",   1 - iPageNo = " + b1 );
document.write("<BR><BR>");
document.write("typeof(iPageNo -1 )= " + typeof(b2) + ",   iPageNo - 1 = " + b2);
document.write("<BR><BR>");
iPageNo = 12;
document.write("iPageNo = 12;<BR><BR>");
var a1= '1' + iPageNo;
var a2= iPageNo + '1';
var b1= 1 - iPageNo;
var b2= iPageNo - '1';
document.write("typeof('1' + iPageNo) = " + typeof(a1) + ",    '1' + iPageNo = " + a1);
document.write("<BR><BR>");
document.write("typeof(iPageNo + '1') = " + typeof(a2) + ",    iPageNo + '1' = " + a2);
document.write("<BR><BR>");
document.write("typeof('1' - iPageNo) = " + typeof(b1) + ",    '1' - iPageNo = " + b1);
document.write("<BR><BR>");
document.write("typeof(iPageNo - '1') = " + typeof(b2) + ",    iPageNo - '1' = " + b2);
// --></mce:script>

运行结果是:

 

var iPageNo ="12";

typeof(1 + iPageNo)= string, 1 + iPageNo = 112

typeof(iPageNo + 1)= string, iPageNo + 1 = 121

typeof(1 - iPageNo)= number, 1 - iPageNo = -11

typeof(iPageNo -1 )= number, iPageNo - 1 = 11

iPageNo = 12;

typeof('1' + iPageNo) = string, '1' + iPageNo = 112

typeof(iPageNo + '1') = string, iPageNo + '1' = 121

typeof('1' - iPageNo) = number, '1' - iPageNo = -11

typeof(iPageNo - '1') = number, iPageNo - '1' = 11

 

可见:

 

 当String型和数字型进行+运算时,数字型会自动转换成String型,结果也是String型。

 当String型和数字型进行-运算时,String型会自动转换成数字型,结果也是数字型。

 

由于从url中取得的iPageNo值的类型是String,所以

iPageNo + 1 = "12" + 1 = "12" + "1" = "121"

 

 

所以,要从Url中获取数字型数据,要用Number()强制转换一下类型。


相关文章
|
3月前
|
JavaScript 前端开发
JavaScript中的布尔类型与数字类型详解
JavaScript中的布尔类型与数字类型详解
|
18小时前
|
JavaScript 前端开发
今天被JavaScript的String型和数字型的+运算撞了一下腰。
今天被JavaScript的String型和数字型的+运算撞了一下腰。
|
1月前
|
JavaScript 前端开发
JS常用数据类型转换(数字型和字符串型之间转换)
JS常用数据类型转换(数字型和字符串型之间转换)
36 2
|
2月前
|
JavaScript 前端开发
不要混淆 typeof 的值运算和类型运算
不要混淆 typeof 的值运算和类型运算
17 0
|
4月前
|
JavaScript 前端开发
JavaScript中科学计数法转化为数值字符串形式
JavaScript中科学计数法转化为数值字符串形式
|
JavaScript 前端开发 安全
在 JavaScript 中将浮点数转换为整数
在 JavaScript 中将浮点数转换为整数
191 0
|
JavaScript 前端开发
Javascript中Boolean参与运算时注意事项
Javascript中Boolean参与运算时注意事项
Javascript中Boolean参与运算时注意事项
|
JavaScript 前端开发
使用 JavaScript 中的变量、数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算符的不同位置得到不同的结果
使用 JavaScript 中的变量、数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算符的不同位置得到不同的结果
134 0
使用 JavaScript 中的变量、数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算符的不同位置得到不同的结果