类型转换查漏补缺

小成C
112 阅读3分钟

转换成字符串

在JavaScript中，Boolean 、数字和字符串都属于伪对象，所以实际来看我们可以调用其一些属性和方法。

例子：


const bool = true;

console.log(bool.toString()); //"true"

3种数据类型都有toString方法。

  • String： 输出自身(多余)

  • Boolean：输出 "true" 或 "false"

  • Number：默认模式和基模式


const Num1 = 10;
const Num2 = 11.0;

//默认模式
console.log(Num1.toString());	//输出 "10"
console.log(Num2.toString());	//输出 "11"


//基模式()
alert(Num1.toString(2));	//输出二进制 "1010" 
alert(Num1.toString(8));	//输出八进制 "12"
alert(Num1.toString(10));	//输出十进制 "10"
alert(Num1.toString(16));	//输出十六进制 "a"

注释：对数字调用 toString(10) 与调用 toString() 相同，它们返回的都是该数字的十进制形式。

转换成数字

parseInt()

parseInt(Number) 首先会判断Number的首位置是否为数字,如果不是，该方法将返回 NaN，不再继续执行其他操作。

但如果该位置的字符是有效数字，该方法将查看位置 1 处的字符，进行同样的测试。这一过程将持续到发现非有效数字的字符为止，此时 parseInt() 将把该字符之前的字符串转换成数字。

例如，如果要把字符串 "0ABC0" 转换成整数，那么 parseInt() 将返回 0，因为当它检查到字符 A 时，就会停止检测过程。

const str = '0ABC0';
const str2 = 'ABC';

console.log(parseInt(str)); //0   截取到非数字之前的内容
console.log(parseInt(str2)); //NaN

parseInt('数值','进制') 方法还有基模式，就是控制第二个参数，显示数值的进制。

const iNum = parseInt("10", 2);	//返回 2

注意：如果十进制数包含前导 0，如parseInt(010)，则直接返回八进制，如果不想出现这种情况，在第二个参数提供基数10。

const iNum = parseInt("010");	//返回 8 八进制
const iNum2 = parseInt("010",10) //返回 10 十进制

parseFloat

parseFloat() 方法与 parseInt() 方法的处理方式相似，从位置 0 开始查看每个字符，直到找到第一个非有效的字符为止，然后把该字符之前的字符串转换成整数。

不过，对于这个方法来说，第一个出现的小数点是有效字符。如果有两个小数点，第二个小数点将被看作无效的。

此外，parseFloat() 方法也没有基模式。

var f1 = parseFloat("12AAA");	//返回 12
var f2 = parseFloat("11.22.33.44");	//返回 11.22

强制类型转换

3 种强制类型转换

  • Boolean(value)
  • Number(value)
  • String(value)

Boolean() 函数

当 JavaScript 需要一个布尔值时（例如：if 语句），任何值都可以被使用。 最终这些值将被转换为 true 或 false。

下面的值被转换为 false：

  • undefined, null
  • Boolean: false
  • Number: -0, +0, NaN
  • String: ''

所有其他值都认为是 true。

console.log(Boolean(undefined))  //false

console.log(Boolean(null))      //false

console.log(Boolean(0))         //false

console.log(Boolean(1))         //true

Number() 函数

parseInt() 和 parseFloat() 方法只转换第一个无效字符之前的字符串,因此 "1.1.1" 将分别被转换为 "1"和 "1.1"。

Number() 函数: 对于 "1.1.1"则直接返回NaN（NaN含义为否是为数字），Number()是对于整个字符串是否可以转换为数字。

用法结果
Number(false) 、Number(null)0
Number(true)1
Number(undefined) 、 Number("1.2.3") 、Number(new object())NaN
Number("1.2")1.2
Number("12")12
Number(50)50

String() 函数

String() 是 JavaScript 的全局函数；

window.hasOwnProperty('String')// true

toString() 是 Object 原型的一个方法。

const a = '1';

a.toString();// "1"

String() 函数和调用 toString() 方法的不同之处在于，对 null 和 undefined 值强制类型转换可以生成字符串而不引发错误：

const s1 = String(null);    //"null"

const N = null;

const s2 = N.toString();    //报错
avatar
文章
阅读
粉丝