web大前端-JS資料型別轉換、常用輸入輸出方法prompt、write、alert、console 資料型別判斷typeof運算子
阿新 • • 發佈:2019-01-11
常用的三個客戶端輸出方法
document.write(str)
功能:在網頁的<body>標記,輸出str的內容
document是一個文件物件,代表整個網頁。
write()是document物件的一個輸出方法。
".":通過小數點來呼叫物件的方法。
str:表示要輸出的內容。
示例:
document.write('在網頁中輸出該段文字!');
window.alert(str)
功能:在當前視窗中彈出一個警告對話方塊,str為對話方塊中顯示的內容。 window代表當前瀏覽器視窗,window是一個視窗物件。 alert()方法:彈出一個對話方塊。 str:表示要輸出的內容。
示例:
window.alert('在彈出的警告對話方塊中顯示該段文字!');
console.log(message)
功能:用於在控制檯輸出資訊。
console代表當前瀏覽器控制檯,log是一個控制檯物件。
log()方法:控制檯輸出記錄
message:表示要輸出的內容。
示例:
console.log('在控制檯中顯示該段文字!');
客戶端輸入方法
window.prompt(str)
功能:彈出一個輸入框,讓使用者來輸入內容。 語法:var year = window.prompt(str); str:提示資訊。 返回值: 如果單擊"確定"按鈕,返回一個字串的資料。 如果單擊"取消"按鈕,返回一個null。
示例:
var year = window.prompt("請輸入年份");
資料型別轉換
(1)其它型別轉成布林型
var a = "qwert"; //true
var a = "666"; //true
var a = ""; //false
var a = 999; //true
var a = 0; //false
var a = NaN; //false
var a = undefined; //false
var a = null; //false
//可以使用Boolean()全域性函式,強制轉成布林型
var result = Boolean(a);
//輸出變數的型別和結果
document.write("型別:"+typeof(result)+",值:"+result);
(2)其它型別轉成字元型
var a = true; //"true"
var a = false; //"false"
var a = 999; //"999"
var a = 0; //"0"
var a = NaN; //"NaN"
var a = undefined; //"undefined"
var a = null; //"null"
//驗證一下我們自己口算的結果
//可以使用String()全域性函式,強制轉成字元型
var result = String(a);
//輸出變數的型別和結果
document.write("型別:"+typeof(result)+",值:"+result);
(3)其它型別轉成數值型
var a = true; // 1
var a = false; // 0
var a = "10em"; // NaN
var a = "666" // 666
var a = ""; // 0
var a = undefined; // NaN
var a = null; // 0
//使用Number()全域性函式,進行強制轉換
//全域性函式或系統函式,是JS內建的函式,名稱或大小寫必須一致。
var result = Number(a);
//輸出變數的型別和值
document.write("型別:"+typeof(result)+",值:"+result);
一元運算子:typeof()
判斷變數的資料型別:typeof()
功能:測試一個變數的型別。
輸出結果:
typeof()的結果字串有幾種情況: "string(字串)" 、 "number(數字)" 、 "boolean(布林型)" 、 "undefined(未定義)" 、 "object(物件)" 、 "function(函式)"
另外:null、物件、陣列這三種類型,都將返回 "object"。
注意:
typeof是一元運算子,不是函式。
需要判斷的值要用空格或小括號與typeof隔開。
typeof輸出的結果是一個型別字串。
示例:
var a = '666';
document.write('資料型別為:' +typeof(a));