JavaScript——基本語法與數(shù)據(jù)類型

一、JavaScript定義了幾種數(shù)據(jù)類型?哪些是原始類型?哪些是復(fù)雜類型?復(fù)雜類型和原始類型有什么區(qū)別?

JavaScript定義了6種數(shù)據(jù)類型,分別是:
1、數(shù)值(number):整數(shù)和小數(shù);
2、字符串(string):字符串組成的文本(例如''Hello World'');
3、布爾值(boolean):true(真)和 false(假)兩個(gè)特定值;
4、undefined:表示“未定義”或不存在,即此處目前沒有任和值;
5、null:表示空缺,即此處應(yīng)該有一個(gè)值,但目前為空;
6對(duì)象(object):各種值組成的集合;
原始類型:數(shù)值、字符串、布爾值稱為原始類型(primitive type)的值,即它們是最基本的數(shù)據(jù)類型,不能再細(xì)分了。
復(fù)雜類型:將對(duì)象稱為復(fù)雜類型(complex type)的值,因?yàn)橐粋€(gè)對(duì)象往往是多個(gè)原始類型的值的合成,可以看作是一個(gè)存放各種值的容器。
特殊值:undefined和null,一般將它們看成兩個(gè)特殊值。
區(qū)別:對(duì)象是復(fù)雜類型,一個(gè)對(duì)象往往是多個(gè)原始類型的值的合成,可以看作是一個(gè)存放各種值的容器。

二、typeof和instanceof的作用和區(qū)別

JavaScript可以有三種方法確定一個(gè)值是什么類型;
1、typeof 運(yùn)算符;
2、instanceof 運(yùn)算符;
3、Object.prototype.toString方法;
typeof運(yùn)算符返回一個(gè)值得數(shù)據(jù)類型會(huì)有以下結(jié)果:
(1)原始類型
數(shù)值、字符串、布爾值分別返回number、string、boolean;
示例:

primitive type

(2)函數(shù)
函數(shù)返回 function
示例:
函數(shù)

(3)undefined
undefined返回undefined
undefined

利用這一點(diǎn)typeof可以用來檢查一個(gè)未聲明的變量而不報(bào)錯(cuò)。

noError

實(shí)際編程中,這個(gè)特點(diǎn)通常用在判斷語句。
(4)其它
除此以外,其它情況都返回object;


對(duì)于instanceof

Paste_Image.png

從計(jì)算結(jié)果可以看出,instanceof的返回值是布爾類型。而typeof的返回值數(shù)據(jù)類型。

三、如何判斷一個(gè)變量是否是數(shù)字、字符串、布爾、函數(shù)

利用 typeof運(yùn)算符,同上。

四、NaN是什么? 有什么特別之處?

(1)NaN是JavaScript的特殊值,表示“非數(shù)字”(Not a Number),主要出現(xiàn)在將字符串解析成數(shù)字出錯(cuò)的場(chǎng)合。NaN和任何值都不相等,包括自己。
(2)NaN不是一種獨(dú)立的數(shù)據(jù)類型,而是一種特殊數(shù)值,它的數(shù)據(jù)類型依然屬于Number,使用typeof運(yùn)算符可以看得很清楚。
(3)NaN與任何數(shù)(包括它自己)的運(yùn)算,得到的都是NaN。


parseInt表示將數(shù)據(jù)類型轉(zhuǎn)化為整數(shù)值類型。

五、如何把非數(shù)值轉(zhuǎn)化為數(shù)值?

有三個(gè)函數(shù)可以將非數(shù)值轉(zhuǎn)化為數(shù)值
1、Number()
(1) Number的返回值可以有小數(shù),也可以是整數(shù)。
(2)原始類型的值主要是字符串、布爾值、undefined和null,它們都能被Number轉(zhuǎn)成數(shù)值或NaN。
(3)Number函數(shù)將字符串轉(zhuǎn)為數(shù)值,要比parseInt函數(shù)嚴(yán)格很多。基本上,只要有一個(gè)字符無法轉(zhuǎn)成數(shù)值,整個(gè)字符串就會(huì)被轉(zhuǎn)為NaN。
(4)parseInt逐個(gè)解析字符,而Number函數(shù)整體轉(zhuǎn)換字符串的類型。
(5)Number方法的參數(shù)是對(duì)象時(shí),將返回NaN。
2、parsetInt()
(1)parseInt方法用于將字符串轉(zhuǎn)為整數(shù)。
(2)如果字符串頭部有空格,空格會(huì)被自動(dòng)去除。
(3)如果第一個(gè)字符不是 - 或者數(shù)字都返回 NaN。
(4)如果parseInt的參數(shù)不是字符串,則會(huì)先轉(zhuǎn)為字符串再轉(zhuǎn)換。
(5)字符串轉(zhuǎn)為整數(shù)的時(shí)候,是一個(gè)個(gè)字符依次轉(zhuǎn)換,如果遇到不能轉(zhuǎn)為數(shù)字的字符,就不再進(jìn)行下去,返回已經(jīng)轉(zhuǎn)好的部分。
(6)parseInt的返回值只有兩種可能,不是一個(gè)十進(jìn)制整數(shù),就是NaN。
(7)如果字符串以0x或0X開頭,parseInt會(huì)將其按照十六進(jìn)制數(shù)解析。
(8)如果字符串以0開頭,將其按照10進(jìn)制解析。
(9)對(duì)于那些會(huì)自動(dòng)轉(zhuǎn)為科學(xué)計(jì)數(shù)法的數(shù)字,parseInt會(huì)將科學(xué)計(jì)數(shù)法的表示方法視為字符串,因此導(dǎo)致一些奇怪的結(jié)果。
3、parseFloat()
(1)parseFloat方法用于將一個(gè)字符串轉(zhuǎn)為浮點(diǎn)數(shù)。
(2)如果字符串符合科學(xué)計(jì)數(shù)法,則會(huì)進(jìn)行相應(yīng)的轉(zhuǎn)換。
(3)如果字符串包含不能轉(zhuǎn)為浮點(diǎn)數(shù)的字符,則不再進(jìn)行往后轉(zhuǎn)換,返回已經(jīng)轉(zhuǎn)好的部分。
(4)parseFloat方法會(huì)自動(dòng)過濾字符串前導(dǎo)的空格。
(5)如果參數(shù)不是字符串,或者字符串的第一個(gè)字符不能轉(zhuǎn)化為浮點(diǎn)數(shù),則返回NaN。

六、==與===有什么區(qū)別

JavaScript提供兩個(gè)相等運(yùn)算符:==和===。
簡(jiǎn)單說,它們的區(qū)別是相等運(yùn)算符(==)比較兩個(gè)值是否相等,嚴(yán)格相等運(yùn)算符(===)比較它們是否為“同一個(gè)值”。如果兩個(gè)值不是同一類型,嚴(yán)格相等運(yùn)算符(===)直接返回false,而相等運(yùn)算符(==)會(huì)將它們轉(zhuǎn)化成同一個(gè)類型,再用嚴(yán)格相等運(yùn)算符進(jìn)行比較。

七、break與continue有什么區(qū)別

break 用于強(qiáng)制退出循環(huán)體,執(zhí)行循環(huán)后面的語句
continue 用于退出本次循環(huán),執(zhí)行下次循環(huán)

八、void 0 和 undefined在使用場(chǎng)景上有什么區(qū)別

void運(yùn)算符的作用是執(zhí)行一個(gè)表達(dá)式,然后不返回任何值,或者說返回undefined。
void 0 的返回值是undefined;在某些情況下undefined是可以賦值的,如果我們對(duì)一個(gè)變量進(jìn)行判斷是否存在,因?yàn)閡ndefined已經(jīng)被賦值了,就不能用undefined ,我們就可以用void 0,來判斷。示例:


Paste_Image.png
九、以下代碼的輸出結(jié)果是?為什么?

1、
console.log(1+1);
結(jié)果:2 ,因?yàn)槔ㄌ?hào)里是數(shù)值表達(dá)式,在兩個(gè)操作數(shù)都是數(shù)字的時(shí)候,會(huì)做加法運(yùn)算,表達(dá)式結(jié)果是2 。
2、
console.log("2"+"4");
結(jié)果:24,2和4都是字符串。兩個(gè)參數(shù)都是字符串或在有一個(gè)參數(shù)是字符串的情況下會(huì)把另外一個(gè)參數(shù)轉(zhuǎn)換為字符串做字符串拼接。
3、
console.log(2+"4");
結(jié)果:24,先把2轉(zhuǎn)換為字符串,再與字符串4相拼接。兩個(gè)參數(shù)都是字符串或在有一個(gè)參數(shù)是字符串的情況下會(huì)把另外一個(gè)參數(shù)轉(zhuǎn)換為字符串做字符串拼接
4、
console.log(+"4");
結(jié)果: 4,在只有一個(gè)數(shù)字參數(shù)的時(shí)候返回其正數(shù)值。
5、
var a = 1;
a+++a;結(jié)果:3,先是a++賦值為1,a再自加1,即1+2=3;
6、
typeof a+2;;結(jié)果:string2;兩個(gè)運(yùn)算子都是原始類型的值以后,只要有一個(gè)運(yùn)算子是字符串,則兩個(gè)運(yùn)算子都轉(zhuǎn)為字符串,執(zhí)行字符串連接運(yùn)算。
7、
var a = 1; var b = 3; console.log( a+++b ); 結(jié)果:4;括號(hào)里的表達(dá)式先是a++賦值為1,不發(fā)生自加,再與b=3相加。
8、
遍歷數(shù)組,把數(shù)組里的打印數(shù)組每一項(xiàng)的平方
var arr = [3,4,5]
利用for··· in循環(huán),for···in循環(huán)不僅可以遍歷對(duì)象,還可以遍歷數(shù)組,數(shù)組是特殊的對(duì)象。

遍歷數(shù)組

9、 遍歷 JSON, 打印里面的值
var obj = { name: 'hunger', sex: 'male', age: 28 },這是個(gè)類數(shù)組對(duì)象,使用for循環(huán)。
for (var i in obj) { console.log(obj[i]); }
l類數(shù)組對(duì)象

10、
var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val)
結(jié)果:number2;
typeof優(yōu)先級(jí)大于“+”大于“>”大于“||”大于“=”;
"typeof a" 結(jié)果:number;
typeof a+b 結(jié)果:"number2";
邏輯“||” 是當(dāng)前面的表達(dá)式為真,就取前面表達(dá)式的值,故 val = number2;

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
結(jié)果:bb;
d==5 為真 ,console.log('bb'),為bb,
“d==5 && console.log('bb')” 結(jié)果是: 字符串 "bb";
故data = "bb"

var data2 = d = 0 || console.log('haha')
console.log(data2)
結(jié)果:haha;
“||”優(yōu)先級(jí)大于“=”, 0 || console.log('haha') 結(jié)果為haha;
d=haha ;data2=haha;

var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)
結(jié)果:2
括號(hào)里是一個(gè)表達(dá)式,逗號(hào)“ , ” 運(yùn)算符取后一個(gè)表達(dá)式的值,即“!!"from here!!" 的值;"from here!!"忽略最后兩個(gè)“!!“,"from here!!"為真,“!"from here!!" “ 為假,!!"from here!!" 為真;同理 !!"Hello"為真。由于操作符“+”,故操作值應(yīng)該轉(zhuǎn)化為數(shù)值類型,即“ var x=1+1 ”

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,001評(píng)論 6 537
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,786評(píng)論 3 423
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,986評(píng)論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,204評(píng)論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,964評(píng)論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,354評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,410評(píng)論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,554評(píng)論 0 289
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,106評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,918評(píng)論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,093評(píng)論 1 371
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,648評(píng)論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,342評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,755評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,009評(píng)論 1 289
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,839評(píng)論 3 395
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,107評(píng)論 2 375

推薦閱讀更多精彩內(nèi)容