<
!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...