Javascript中數(shù)值轉(zhuǎn)換是一個(gè)非?;A(chǔ)的知識(shí)點(diǎn),不僅是初學(xué)者需要掌握的,就算是有一定經(jīng)驗(yàn)的開發(fā)者也同樣需要掌握,因?yàn)榇a中的數(shù)值轉(zhuǎn)換是非常常見的操作。
下面我們來看一個(gè)實(shí)際例子:
let num1 = 123; // 數(shù)字
let num2 = '456'; // 字符串
console.log(num1 + num2); // 輸出:123456
運(yùn)行這段代碼后,我們會(huì)發(fā)現(xiàn)輸出結(jié)果為字符串"123456",這是因?yàn)镴avascript在進(jìn)行計(jì)算時(shí),會(huì)先把字符串轉(zhuǎn)換為數(shù)字,然后才進(jìn)行計(jì)算。但是這種隱式轉(zhuǎn)換會(huì)讓我們陷入不確定的情況,因此我們應(yīng)該始終掌握數(shù)值的轉(zhuǎn)換方法。
下面我們來介紹Javascript中常見的數(shù)值轉(zhuǎn)換方法:
1. Number()方法
Number()方法可以將字符串或其他類型的值轉(zhuǎn)換成數(shù)字類型。
let str = '123';
let num = Number(str);
console.log(typeof num); // 輸出:number
在這個(gè)例子中,我們將字符串"123"使用Number()方法轉(zhuǎn)換成數(shù)字類型,并輸出其類型,結(jié)果為"number"。
2. parseInt()方法
parseInt()方法可以將字符串轉(zhuǎn)換為整型數(shù)字。需要注意的是,該方法只會(huì)轉(zhuǎn)換開頭的數(shù)字,如果開頭不是數(shù)字,那么將會(huì)輸出NaN。
let str = '123px';
let num = parseInt(str);
console.log(num); // 輸出:123
在這個(gè)例子中,我們將字符串"123px"使用parseInt()方法轉(zhuǎn)換成數(shù)字類型,并輸出其結(jié)果,結(jié)果為數(shù)字"123"。
3. parseFloat()方法
parseFloat()方法可以將字符串轉(zhuǎn)換為浮點(diǎn)型數(shù)字。
let str = '123.45';
let num = parseFloat(str);
console.log(num); // 輸出:123.45
在這個(gè)例子中,我們將字符串"123.45"使用parseFloat()方法轉(zhuǎn)換成數(shù)字類型,并輸出其結(jié)果,結(jié)果為數(shù)字"123.45"。
4. String()方法
String()方法可以將數(shù)字類型轉(zhuǎn)換成字符串類型。
let num = 123;
let str = String(num);
console.log(typeof str); // 輸出:string
在這個(gè)例子中,我們將數(shù)字"123"使用String()方法轉(zhuǎn)換成字符串類型,并輸出其類型,結(jié)果為"string"。
5. toString()方法
toString()方法是JavaScript中很常用的方法,它可以將數(shù)字類型轉(zhuǎn)換成字符串類型,并且可以指定進(jìn)制(默認(rèn)為十進(jìn)制)。
let num = 255;
let str1 = num.toString(2); // 輸出:11111111
let str2 = num.toString(16); // 輸出:ff
console.log(str1);
console.log(str2);
在這個(gè)例子中,我們將數(shù)字"255"使用toString()方法轉(zhuǎn)換成二進(jìn)制和十六進(jìn)制字符串,并輸出其結(jié)果,結(jié)果為"11111111"和"ff"。
總結(jié)起來,數(shù)值轉(zhuǎn)換在javascript中非常重要,我們應(yīng)該掌握常見的轉(zhuǎn)換方法,避免因?yàn)殡[式轉(zhuǎn)換而陷入不確定的情況。希望大家可以通過實(shí)際練習(xí)熟練掌握這些技能。