【原】JavaScript|數(shù)據(jù)類型的使用

算法與編程之美 2020-08-08

展開全文

問題描述

每一種計(jì)算機(jī)語(yǔ)言都有自己的數(shù)據(jù)結(jié)構(gòu)和數(shù)據(jù)類型,，JavaScript腳本語(yǔ)言中則是采用弱數(shù)據(jù)類型的方式,，即一個(gè)數(shù)據(jù)不必首先做聲明，可以在使用或賦值時(shí)再確定其數(shù)據(jù)的類型,，接下來就介紹一下JavaScript數(shù)據(jù)類型的使用。

解決方案

1 typeof運(yùn)算符的使用

typeof運(yùn)算符有一個(gè)參數(shù),，即要檢查的變量或值,。例如：

var one = "test string";

alert(typeof one);//輸出“string”

alert(typeof 86);//輸出“number”

對(duì)變量或值，調(diào)用typeof將返回下列值之一：

（1）undefined：如果變量時(shí)Undefined類型的,；

（2）boolean:如果變量是Boolean類型的,；

（3）number：如果變量是Number類型的；

（4）string: 如果變量是String類型的,；

（5）object: 如果變量是一種引用類型或Null類型的,；

2 undefined運(yùn)算符的使用

undefined是未定義類型的變量，表示變量還沒有賦值,，如 var a;或者賦予一個(gè)不存在的屬性值,，例如 var a =String.notProperty 。

在JavaScript中有一種特殊的數(shù)字常量NaN,表示“非數(shù)值”,，當(dāng)在程序中由于某種原因發(fā)生計(jì)算錯(cuò)誤后,，將產(chǎn)生一個(gè)沒有意義的數(shù)值，此時(shí)JavaScript返回的數(shù)值就是NaN,。

示例：

<!DOCTYPE html>

<html>

<head>

<title>javascript數(shù)據(jù)類型的使用</title>

</head>

<body>

var xiaozhan;

document.write(xiaozhan + "<br/>")

</script>

</body>

</html>

運(yùn)行效果：

圖1.1 undefined運(yùn)算符的使用

3 null類型的使用

JavaScript中的關(guān)鍵字null是一個(gè)特殊的值,，表示空值，用于定義空的或者不存在的引用,。不過null不等同于空的字符串或0,。由此可見null與undefined的區(qū)別是：null表示一個(gè)變量被賦予了一個(gè)空值，而undefined則表示該變量還未被賦值,。

示例：

<!DOCTYPE html>

<html>

<head>

<title>javascript數(shù)據(jù)類型的使用</title>

</head>

<body>

var xiaozhan;

document.write(xiaozhan + "<br/>")

var longlong = null;

document.write(longlong + "<br/>")

</script>

</body>

</html>

運(yùn)行結(jié)果：

圖1.2 null類型的使用

4 Boolean類型的使用

布爾類型Boolean表示一個(gè)邏輯數(shù)值,，用于表示兩種可能的情況,。邏輯真用true表示；邏輯假用false表示,。通常我們使用1表示真,，0表示假。

示例：

<!DOCTYPE html>

<html>

<head>

<title>javascript數(shù)據(jù)類型的使用</title>

</head>

<body>

var a1 = Boolean("");

var a2 = Boolean("a");

var a3 = Boolean("0");

var a4 = Boolean("1");

var a5 = Boolean("-1");

var a6 = Boolean(null);

var a7 = Boolean(undefined);

var a8 = Boolean(new Object());

document.write(a1+"<br/>");

document.write(a2+"<br/>");

document.write(a3+"<br/>");

document.write(a4+"<br/>");

document.write(a5+"<br/>");

document.write(a6+"<br/>");

document.write(a7+"<br/>");

document.write(a8+"<br/>");

</script>

</body>

</html>

運(yùn)行效果：

圖1.3 Boolean類型的使用

5 Number類型的使用

JavaScript的數(shù)值類型可以分為四種,，整數(shù),、浮點(diǎn)數(shù)、內(nèi)部常數(shù)和特殊值,。整數(shù)可以為正整數(shù),、負(fù)整數(shù)和0；浮點(diǎn)數(shù)可以包含小數(shù)點(diǎn),，也可以包含一個(gè)“e”,，或者同時(shí)包含這兩項(xiàng)；整數(shù)可以以10,、8,、16作為基數(shù)表示。

<!DOCTYPE html>

<html>

<head>

<title>javascript數(shù)據(jù)類型的使用</title>

</head>

<body>

var z1 = 20.00;

var z2 = 20;

var f = 12e4;

var x =12e4-5;

document.write(z1 + "<br/>")

document.write(z2 + "<br/>")

document.write(f + "<br/>")

document.write(x + "<br/>")

</script>

</body>

</html>

運(yùn)行效果：

圖1.4 Number類型的使用

6 String類型的使用

字符串是用一對(duì)單引號(hào)（''）或雙引號(hào)（""）和引號(hào)中的內(nèi)容構(gòu)成的,。

一個(gè)字符串也是JavaScript中的一個(gè)對(duì)象,，有專門的屬性。引號(hào)中間的內(nèi)容可以是任意的字符,，如果沒有字符,，則是一個(gè)空的字符串。如果要在字符串中使用雙引號(hào),，則應(yīng)該將其包含在使用單引號(hào)的字符串中,，使用單引號(hào)時(shí)反之。

示例：

<!DOCTYPE html>

<html>

<head>

<title>javascript數(shù)據(jù)類型的使用</title>

</head>

<body>

var string1 = "XiaoZhan";

var string2 = 'XiaoZhan';

var string3 = "XiaoZhan is a handsome boy!";

var string4 = "His fans told him to 'zhanzhan'.";

var string5 = 'He once said:"everyone has something to accomplish"!'

document.write(string1 + "<br/>")

document.write(string2 + "<br/>")

document.write(string3 + "<br/>")

document.write(string4 + "<br/>")

document.write(string5 + "<br/>")

</script>

</body>

</html>

運(yùn)行結(jié)果：

圖1.5 String類型的使用

7 Object類型的使用

前面介紹的幾種數(shù)據(jù)類型是JavaScript的原始數(shù)據(jù)類型,，而Object是對(duì)象類型,，該數(shù)據(jù)類型中包括Object、Function,、Number,、String、Boolean,、Array,、Regexp、Date,、Global,、Math、Erroe和宿主環(huán)境提供的object類型,。

示例：

<!DOCTYPE html>

<html>

<head>

<title>javascript數(shù)據(jù)類型的使用</title>

</head>

<body>

person = new Object();

person.name = "xiaozhan";

person.occupation = "singer and performer";

document.write(person.name + " is a " + person.occupation);

</script>