JS學習之資料型別轉換

2021-10-07 12:30:12 字數 4121 閱讀 9153

<

!doctype html>

"utf-8"

>

資料型別轉換<

/title>

// 轉化為字元型

// //1.把數字型轉換為字元型 變數.tostring()

// var num =10;

// var str = num.tostring();

// console.log(str);

// console.log(typeof str);

// //2.利用string()函式

// console.log(string(num));

// //3.利用+拼接字串的方法實現轉換效果**換為字串效果)又稱為隱式轉換

// console.log(num + '');

//將其他型別轉換為數字型(重點)

var age =

prompt

("請輸入您的年齡");

變數) 可以把字元型的轉換為數字型 得到的是整數

console.

log(

parseint

(age));

console.

log(

parseint

(3.25))

;//取整數

console.

log(

parseint

(3.99))

;//依舊是取整數等得到3

console.

log(

parseint

('12px'))

;//12,會去掉單位

console.

log(

parseint

('rem12px'))

;//nan

變數) 可以把字元型的轉換為數字型 得到的是小數(浮點數)

console.

log(

parsefloat

(3.25))

;//得小數3.25

console.

log(

parsefloat

(3.99))

;//依舊是取小數得到3.99

console.

log(

parsefloat

('12px'))

;//12,會去掉單位1218

console.

log(

parsefloat

('rem12px'))

;//nan

//3.利用 number(變數)強制轉換函式

var str =

'123'

; console.

log(

number

(str));

console.

log(

number

('567'))

;//4.利用了算術運算(減乘除)js 隱式轉換 (-*/)

console.

log(

'12'-0

);console.

log(

'12'

-'5');

// 案例:計算年齡,

// 此案例要求在頁面中彈出乙個輸入框,輸入出生年分後,能計算出我們的年齡

// 解題思路:1.彈出乙個輸入框(prompt),讓使用者輸入出生月份(使用者輸入)

// 2.把使用者輸入的值用變數儲存起來,然後用今年的年分減去變數值,

// 結果就是現在的年齡.

// 3.彈出警示框(alert),把計算的結果輸出(輸出結果)

// var year=prompt("請您輸出您的出生月份");

// var age=2020-year;//year 取過來是字串型,但是這裡用的是減法,有隱式轉換

// alert('您今年已經' + age + '歲了' + '!');

// 案例:簡單加法器,

// 計算兩個數的值,使用者輸入第乙個值後,繼續彈出第二個輸入框並輸入第二個值,

// 最後通過彈出視窗顯示兩次輸入值相加的結果.

var num1=

prompt

("請輸入乙個數字");

var num2=

prompt

("請輸入另乙個數字");

//prompt得到的值是字串型

var sum=

number

(num1)

+number

(num2)

;//注意數值型別轉換number可換為parsefloat

alert

("這兩個數的和是"

+ sum)

;//4.把其他型別轉換為雙布林型別

console.

log(

boolean(''

)); console.

log(

boolean(0

)); console.

log(

boolean

(nan))

; console.

log(

boolean

(null))

; console.

log(

boolean

(undefined));

// 以上都是false

console.

log(

boolean

('123'))

; console.

log(

boolean

('你好'))

;<

/script>

<

/head>

<

/body>

<

/html>

1.需要資料轉換的原因:

a.使用表單,prompt獲取過來的資料預設是字串型別的,

此時就不能直接簡單的進行加法運算,因此需要轉換資料的型別

通俗講:就是將一種資料型別轉換為另一種資料型別。

b.用到較多轉換的是轉換為字串型別、數字型別,布林型別

**化為字串)

方式、說明、案例

tostring

() 轉成字串 var num=1;

alert

(num.

tostring()

);string

()強制轉換 轉成字串 var num =1;

alert

(string

(num));

加號拼接字串 和加號拼接起來的結果都是字串 var num =1;

alert

(num+

"字元");

(重點)

c.tostring 的使用方法是 變數.tostring string的使用方法是string

(變數)。

相比於三種轉換方式,推薦第三種轉換方法,第三種又稱為隱式轉換。

轉化為數字型(重點)

方式、說明、案例

parselnt

(string)函式 將string型別轉換為整數數值型別 parselnt

("78"

)(重點)

parsefloat

(string)函式 將string型別轉換為浮點數數數值型別 parsefloat

("78.12"

)(重點)

number

()強制轉換函式 將string型別轉換為數值型別 number

('12'

)(僅次於重點)

js 隱式轉換 (-

*/) 利用算數運算隱式轉換為數值型 '12'-0

隱式轉換中:+轉換為字串 -

*/轉換為數字型。

4.裝換為雙布林型

方式、說明、案例

boolean

()函式 其他型別轉換為布林型 boolean

("true");

(1)代表空,否定的值,會被轉換為false,如:

(空字串);0

;nan

;null

;undefined(2

)其餘值都會轉換為true

.

js之資料型別轉換

js中的資料型別分為以下兩種型別。基本資料型別 數字 number,字串 string,布林 boolean,空 null,未定義 undefined 引用資料型別 物件 object 普通物件,陣列物件 array 正則物件 regexp 日期物件 date 數學函式 math 函式 functi...

JS資料型別轉換

js var blue alert scolor.length outputs 4 js varfalse alert bfound.tostring outputs false js varvar outputs 10 js var outputs a js var var var var ret...

JS 資料型別轉換

js 資料型別轉換 方法主要有三種 轉換函式 強制型別轉換 利用js變數弱型別轉換。1.轉換函式 js提供了parseint 和parsefloat 兩個轉換函式。前者把值轉換成整數,後者把值轉換成浮點數。只有對string型別呼叫這些方法,這兩個函式才能正確執行 對其他型別返回的都是nan not...