显示类型转换
Number(mix), parseInt(string,radix), parseFloat(string), toString(radix), string(mix), Boolean()
1. Number()
- 把括号内的东西转换成数字
- 如：
var a = Number("123"),
b = Number(true),
c = Number(null),
d = Number(undefined),
e = Number("-123");
document.write(a + " : " +typeof(a));
document.write("<br>");
document.write(b + " : " +typeof(b));
document.write("<br>");
document.write(c + " : " +typeof(c));
document.write("<br>");
document.write(d + " : " +typeof(d));
document.write("<br>");
document.write(e + " : " +typeof(e));
image.png
2. parseInt()
把括号里面的东西转换成整型数字。
注意：遇到非数字符号的时候就会截断返回（若为小数，只保留整数部分，截掉小数部分）
如：
var a = parseInt("123"),
b = parseInt(true),
c = parseInt(null),
d = parseInt(undefined),
e = parseInt(123.9),
f = parseInt("123.3abc"),
g = parseInt("100px");
document.write(a + " : " +typeof(a));
document.write("<br>");
document.write(b + " : " +typeof(b));
document.write("<br>");
document.write(c + " : " +typeof(c));
document.write("<br>");
document.write(d + " : " +typeof(d));
document.write("<br>");
document.write(e + " : " +typeof(e));
document.write("<br>");
document.write(f + " : " +typeof(f));
document.write("<br>");
document.write(g + " : " +typeof(g));
image.png
- 把数字以目标进制转换成10进制：
var xxx = parseInt(demo, radix);
radix为基底，其取值范围：[2, 36]
（1）2进制-->10进制：
var demo = "1010";
var num = parseInt(demo, 2);
document.write(typeof(num)+" : " + num);
image.png
（2）16进制-->10进制：
var demo = "b";
var num = parseInt(demo, 16);
document.write(typeof(num)+" : " + num);
image.png
3. parseFloat()
- 把变量转换成浮点类型。
- 从数字位开始看到除了"."以外的非数字位停止，然后把前面的数字返回。
- 如：
var demo = "100.2";
var num = parseFloat(demo);
document.write(typeof(num)+" : " + num);
image.png
var demo = "100.73abc";
var num = parseFloat(demo);
document.write(typeof(num)+" : " + num);
image.png
4. String()
- 把其他数据类型转换成字符串类型。
- 如：
var demo1 = 100.2;
var num1 = String(demo1);
console.log(typeof(num1) + " : " + num1);
var demo2 = undefined;
var num2 = String(demo2);
console.log(typeof(num2) + " : " + num2);
var demo3 = true;
var num3 = String(demo3);
console.log(typeof(num3) + " : " + num3);
image.png
5. Boolean()
- 把其他数据类型转换成布尔值类型。
- 注意：变量为空字符串类型的时候，为false；而变量不是空字符串时，为true。尤其注意空格字符串 ' ' 为true。
- 如：
var demo = '';
var num = Boolean(demo);
console.log(typeof(num) + " : " + num);
var demo1 = ' ';
var num1 = Boolean(demo1);
console.log(typeof(num1) + " : " + num1);
var demo2 = '123';
var num2 = Boolean(demo2);
console.log(typeof(num2) + " : " + num2)
image.png
6. toString()
- 指定某个变量转换成字符串，格式：xxx.toString()。
- 注意：undefined 和 null 不可以使用toString()方法。任何数据类型加上空格字符串都可以转为字符串数据类型。
- 如：
var demo = 123;
var num = demo.toString();
console.log(typeof(num) + " : " + num);
image.png
- var num = demo.toString(radix);（radix：基底） -- 把10进制转换成目标进制
10进制转换成8进制：
var demo = 123;
var num = demo.toString(8);
console.log(typeof(num) + " : " + num);
var demo = 10;
var num = demo.toString(8);
console.log(typeof(num) + " : " + num);
image.png
进制转换：
2 进制转换成16进制：2进制 --> 10进制 --> 16进制
- 思路：parseInt() （目标进制转换成10进制）--> toString()（10进制转换成目标进制）
- 如：
var num = 10101010;
var test = parseInt(num, 2);
console.log(test.toString(16));
var num = 10000;
var test = parseInt(num, 2);
console.log(test.toString(16));
image.png
