JavaScript數(shù)據(jù)類(lèi)型 --分享

2021-4-20    前端達(dá)人


前言

這部分來(lái)學(xué)習(xí)關(guān)于JavaScript數(shù)據(jù)類(lèi)型的相關(guān)知識(shí)。


一、字面量

用于表達(dá)一個(gè)固定值的表示法,又叫做常量。

1.數(shù)字字面量

在這里插入圖片描述

<script> // 整數(shù)字面量 // 十進(jìn)制 console.log(12); // 八進(jìn)制 console.log(010); // 十六進(jìn)制 console.log(0x100); </script  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

效果展示
在這里插入圖片描述

2.浮點(diǎn)數(shù)字面量

浮點(diǎn)數(shù)不區(qū)分進(jìn)制,所有的浮點(diǎn)數(shù)都是十進(jìn)制下的(注意:浮點(diǎn)數(shù)若是0~1之間的,前面的0可以省略不寫(xiě),例如0.6可以寫(xiě)成.6)浮點(diǎn)數(shù)的精度遠(yuǎn)遠(yuǎn)不如小數(shù)。

// 浮點(diǎn)數(shù)字面量 console.log(1.2); console.log(-1.2); console.log(0.1343); console.log(.1343); console.log(1.2e4); console.log(1.2e-4);  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

效果展示
在這里插入圖片描述

3.特殊值

Infinity:無(wú)窮

// Infinity console.log(Number.MAX_VALUE); console.log(Number.MIN_VALUE); console.log(5e789); console.log(-5e789); console.log(Infinity);  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

效果展示
在這里插入圖片描述
NaN:不是一個(gè)正常的數(shù)
isNaN()判斷一個(gè)數(shù)據(jù)是不是NaN.

// NaN console.log(0 / 0); console.log(isNaN(0 / 0)); console.log(isNaN(22));  
  • 1
  • 2
  • 3
  • 4

效果展示
在這里插入圖片描述

4.字符串字面量

字符串字面量
用單引號(hào)或者雙引號(hào)包裹起來(lái),引號(hào)中間可以有任意多個(gè)字符,也可以沒(méi)有字符則為空字符串。(注意:如果字符串中包含了雙引號(hào),則外面用單引號(hào)包裹,反之相同)

// 字符串字面量 console.log("這是一個(gè)'字符串'"); console.log("123"); console.log("000%$*^"); console.log("     "); console.log("");  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

效果展示
在這里插入圖片描述
**轉(zhuǎn)義符**:
在這里插入圖片描述

// 轉(zhuǎn)義符 console.log("你\n好"); console.log("你\t好"); console.log("你好\"呀\"");  
  • 1
  • 2
  • 3
  • 4

效果展示
在這里插入圖片描述

二、變量

1.變量的定義

變量:計(jì)算機(jī)內(nèi)存儲(chǔ)數(shù)據(jù)的標(biāo)識(shí)符,根據(jù)變量名稱(chēng)可以獲取到內(nèi)存中的數(shù)據(jù)。
變量聲明:使用變量之前先進(jìn)行定義,創(chuàng)建變量。如果使用之前沒(méi)有定義變量,就會(huì)出現(xiàn)引用錯(cuò)誤。
定義方法:var后面添加空格,空格后面添加一個(gè)變量名。
在這里插入圖片描述

// 變量的定義 var name; var userName; var a; var b1;  
  • 1
  • 2
  • 3
  • 4
  • 5

2.變量的賦值

變量定義后有個(gè)默認(rèn)的值為undefined;變量賦值時(shí),內(nèi)部可以存儲(chǔ)任意類(lèi)型的數(shù)據(jù),甚至是一個(gè)變量。
一個(gè)var可以同時(shí)定義多個(gè)變量,中間用逗號(hào)分隔開(kāi)。
代碼如下(示例):

// 變量的定義 var name; var userName; var a; var b1; // 變量的賦值 var a=1,b=2,c=3; a = a + b + c; console.log(a);  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

效果展示:
在這里插入圖片描述

三、數(shù)據(jù)類(lèi)型

1.簡(jiǎn)單數(shù)據(jù)類(lèi)型

在這里插入圖片描述
復(fù)雜數(shù)據(jù)類(lèi)型object。

2.檢測(cè)數(shù)據(jù)類(lèi)型

用typeof來(lái)檢測(cè)數(shù)據(jù)類(lèi)型,后面加小括號(hào),括號(hào)里面寫(xiě)參數(shù)。(變量的數(shù)據(jù)類(lèi)型是變化的,隨著賦值不同數(shù)據(jù)類(lèi)型也就不同)
代碼如下(示例):

console.log(typeof(6.8)); console.log(typeof(-1)); console.log(typeof(NaN)); console.log(typeof(false)); console.log(typeof 66); console.log(typeof 66 + 3);  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

效果展示
在這里插入圖片描述

3.數(shù)據(jù)類(lèi)型轉(zhuǎn)換

(1)轉(zhuǎn)成字符串
toString()和String()轉(zhuǎn)換成字符串類(lèi)型的數(shù)據(jù)。
“+”的特殊性,兩邊只要有一個(gè)字符串就是拼接字符串功能。兩邊是數(shù)字那么就是運(yùn)算功能。
(2)轉(zhuǎn)成數(shù)字類(lèi)型
Number()可以將其他類(lèi)型的數(shù)據(jù)轉(zhuǎn)換為數(shù)字類(lèi)型。
parseInt()字符串轉(zhuǎn)成整數(shù)的方法:對(duì)浮點(diǎn)數(shù)可以進(jìn)行取整操作,將字符串轉(zhuǎn)換為整數(shù)數(shù)字。(針對(duì)數(shù)字字符串)
parseFloat()轉(zhuǎn)成浮點(diǎn)數(shù)。
(3)轉(zhuǎn)成布爾類(lèi)型
Boolean()可以轉(zhuǎn)任何類(lèi)型的數(shù)據(jù),將其他的數(shù)據(jù)轉(zhuǎn)為布爾類(lèi)型的值。
轉(zhuǎn)為false : NaN、0、“” 空字符串、null、undefined
轉(zhuǎn)為true :非0非NaN數(shù)字、非空字符串

// 轉(zhuǎn)成字符串類(lèi)型 console.log(true.toString()); console.log(String(2333)); console.log(1 + ""); // 轉(zhuǎn)換成數(shù)字類(lèi)型 console.log(Number("11aa")); console.log(parseInt("123.11ac")); //轉(zhuǎn)換成整數(shù) console.log(parseFloat("12.123hh")); // 轉(zhuǎn)成布爾類(lèi)型 console.log(Boolean(NaN)); console.log(Boolean("")); console.log(Boolean(undefined)); console.log(Boolean("   ")); console.log(Boolean(123));  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

4.prompt接收數(shù)據(jù)轉(zhuǎn)換

// var num = prompt("請(qǐng)輸入一個(gè)十以?xún)?nèi)的數(shù)字"); // num = parseInt(num); // console.log(typeof(num)); // 簡(jiǎn)單化寫(xiě)法 var num = parseInt(prompt("請(qǐng)輸入一個(gè)十以?xún)?nèi)的數(shù)字")); num = num + 3; console.log(num);  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

總結(jié)

數(shù)據(jù)類(lèi)型這部分就學(xué)習(xí)到這里了,堅(jiān)持學(xué)習(xí)前端,希望看到一個(gè)不一樣的自己。

在這里插入圖片描述

轉(zhuǎn)自:csdn 論壇 作者:G.di


藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔