1. 程式人生 > >web大前端-JS資料型別轉換、常用輸入輸出方法prompt、write、alert、console 資料型別判斷typeof運算子

web大前端-JS資料型別轉換、常用輸入輸出方法prompt、write、alert、console 資料型別判斷typeof運算子

常用的三個客戶端輸出方法

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));