JavaScript 的數(shù)據(jù)類型
- JavaScript語言的每一個值裸卫，都屬于某一種數(shù)據(jù)類型。JavaScript的數(shù)據(jù)類型共有6種纽竣。
- 數(shù)值（number）：整數(shù)和小數(shù)
- 字符串（string）：字符組成的文本（例如："Hello World"）
- 布爾值（boolean）：true（真）和false（假）兩個特定值
- undefined：表示“未定義”或不存在墓贿，即此處目前沒有任何值
- null：表示空缺，即此處應(yīng)有一個值蜓氨，但目前為空
- 對象（object）：各種值組成的集合
- 原始類型
number聋袋、string、boolean稱為原始類型的值穴吹，即他們是最基本的數(shù)據(jù)類型幽勒，不能在細分。 - 復(fù)雜類型
對象（object）則被稱為復(fù)雜類型港令，因為一個對象往往是多個原始類型值的合成啥容，可以看作是一個存放各種值的容器。其可以細分成Object 類型顷霹、Array 類型咪惠、Date 類型、RegExp 類型淋淀、Function 類型等遥昧。 - 二者區(qū)別
- 原始類型：
a.最基本的數(shù)據(jù)類型，不能再細分朵纷，數(shù)據(jù)存放在棧內(nèi)存里炭臭。
b.基本類型的比較是值的比較。
c.變量存放在棧內(nèi)存(stack)里袍辞。 - 復(fù)雜類型：
a.一個對象往往是多個原始類型值的合成徽缚，是一組數(shù)據(jù)和功能的集合。
b.引用類型的比較是引用的比較革屠。
c.數(shù)據(jù)同時存放在棧內(nèi)存和堆內(nèi)存里凿试，棧內(nèi)存中保存了變量標識符和指向內(nèi)存中該對象的指針，堆內(nèi)存中保存了對象的內(nèi)容似芝。
- 原始類型：
typeof和instanceof的作用與區(qū)別
- typeof用于基本數(shù)據(jù)類型的類型判斷那婉，返回值都為小寫的字符串。如果是對象党瓮，除了function類型會返回“function”, 其他對象統(tǒng)一返回“object”详炬。
typeof 123 \\ number
typeof "abc" \\ string
typeof false \\ boolean
function f( ) { }
typeof f \\ funtcion
typeof { } \\ object
typeof null \\ object
typeof undefined \\ undefined
typeof應(yīng)該注意的問題：
使用typeof操作符的時候，如果檢測對象是函數(shù)，那么操作符返回"function" 呛谜。如果檢測對象是正則表達式的時候在跳，在Safari和Chrome中使用typeof的時候會錯誤的返回"function"，其他的瀏覽器返回的是object隐岛。
- instanceof 利用原型鏈繼承關(guān)系做判斷猫妙，它針對對象類型（語法：對象 instanceof 構(gòu)造函數(shù)）
var o = { };
var a = { };
o instanceof Array // false
a instanceof Array // true
> [1,2,3] instanceof Array
< ture
> var obj = { }
< undefined
> obj instanseof Array
< false
- 區(qū)別
- typeof是判斷變量是什么基本類型的
- instanceof是判斷對象到底是什么類型的
- typeof undefined 范例
eg:
沒有聲明a、b時聚凹，
> a+b
報錯割坠；
然而
> typeof b
< "undefined"
**利用這一點，typeof可以用來檢查一個沒有聲明的變量妒牙，而不報錯**
實際編程中彼哼，這個特點通常用在判斷語句：
// 錯誤的寫法
if (v) { } //報錯
// 正確的寫法
if (typeof v === "undefined") { }
不管 v 是否存在，都不報錯
如何判斷一個變量是否是數(shù)字湘今、字符串敢朱、布爾、函數(shù)
使用typeof摩瞎，看返回值
NaN
NaN含義是Not a Number蔫饰，表示非數(shù)字，NaN和任何值都不相等愉豺，包括自己。
NaN == NaN; // false
parseInt('abc'); // NaN
非數(shù)值轉(zhuǎn)化為數(shù)值
- 有三個函數(shù)可以把非函數(shù)轉(zhuǎn)換為數(shù)值
- Number( )
- parseInt( )
- parseFloat( )
- Number( )：將任何類型的值轉(zhuǎn)化為數(shù)值茫因。但Number規(guī)則相當復(fù)雜而且不合理
轉(zhuǎn)換規(guī)則如下：- 如果是Boolean值蚪拦，true和false分別轉(zhuǎn)化為1和0
- 如果是數(shù)字，只是簡單的傳入和返回
- 如果是null, 返回0
- 如果是undefined, 返回NaN
- 如果是如果是字符串冻押，按照下面的規(guī)則：
- 如果只包含數(shù)字,則將其轉(zhuǎn)化為十進制驰贷。
- 如果數(shù)字中包含浮點格式，比如‘1.1’轉(zhuǎn)化為1.1
- 如果包含有效的十六進制洛巢，比如‘0xf’轉(zhuǎn)化為15
- 如果字符串是空的（不包含任何字符）轉(zhuǎn)化為0
- 如果包含上述其他的格式轉(zhuǎn)化為NaN
- 如果是對象括袒，則調(diào)用對象的valueOf()方法，依照前面的規(guī)則轉(zhuǎn)化稿茉，如果結(jié)果為NaN锹锰，則調(diào)用對象的toString()方法，再次按照前面的方法轉(zhuǎn)換返回的字符串
number (false) // 0
number (true) // 1
number (123) // 123
number (null) // 0
number (undefined) // NaN
number (0xe) // 14
number (" ") // 0
number ({toString:function( ){return '123'; }}) // 123
number ({valueOf:function( ){return 456; }}) // 456
- parseInt( )和parseFloat( )
- parseInt( ) ：把值轉(zhuǎn)換成整數(shù)
- parseFloat( )：把值轉(zhuǎn)換成浮點數(shù)
- 使用規(guī)則：
- 忽略字符串前面的空白字符漓库，找到第一個非空白字符
- 如果第一個字符不是-或者數(shù)字恃慧，返回NaN
- 如果是繼續(xù)解析，知道非數(shù)值模式為止
- 0開頭會當做八進制渺蒿，0x開頭會當做十六進制痢士，但是可以制定第二個參數(shù)制定基數(shù)
parseInt('blue'); // NaN
parseInt('-23ABS'); // -23
parseInt('0xf1'); // 241
parseInt('101',2); // 5
==與===的區(qū)別
- === ： 嚴格相等（全等操作符），兩個被比較的值在比較前都不進行隱式轉(zhuǎn)換茂装。若兩者類型不同怠蹂，則值不相等善延。
- ==： 非嚴格相等（相等操作符），在比較前將兩個被比較的值轉(zhuǎn)換為相同類型城侧。
- 一般來說易遣，使用全等操作符總是對的，因為全等操作符的結(jié)果更容易預(yù)測赞庶，并且因為沒有隱式轉(zhuǎn)換训挡，全等比較的操作會更快。
break與continue的區(qū)別
- break用于強制退出循環(huán)體歧强，執(zhí)行循環(huán)后面的語句
for (var i=1 ; i<10 ; i++) {
if (i % 4 ===0) {
break;
}
console.log(i);
} // 1,2,3
- continue用于退出本次循環(huán)澜薄，執(zhí)行下次循環(huán)
for (var i=1 ; i<10 ; i++) {
if(i % 4 ===0) {
continue;
}
console.log(i);
} // 1,2,3,5,6,7,9
void 0 和 undefined在使用場景上的區(qū)別
undefined可以在局部作用域中被重寫，
而void運算返回值都是undefined摊册。
function fn() {
var undefined = 3;
var a;
if { a===undefined }{
console.log('===')
} else {
console.log('!==')
}
}
fn() // !==
function fn() {
var undefined = 3;
var a;
if { a===void 0 }{
console.log('===')
} else {
console.log('!==')
}
}
fn() // ===
以下代碼輸出結(jié)果是什么肤京？為什么？
console.log(1+1); //2茅特，數(shù)字相加
console.log("2"+"4"); //"24"忘分，字符串拼接
console.log(2+"4"); //"24"，類型不同白修，轉(zhuǎn)換為字符串妒峦，拼接
console.log(+"4"); //4，字符串轉(zhuǎn)換為數(shù)字
- 加法運算符對不同的數(shù)據(jù)類型有不同的含義
- 在兩個操作數(shù)都是數(shù)字的時候兵睛，會做加法運算
- 兩個參數(shù)都是字符串或在有一個參數(shù)是字符串的情況下會把另外一個參數(shù)轉(zhuǎn)換為字符串做字符串拼接
- 在參數(shù)有對象的情況下會調(diào)用其valueOf或toString
- 在只有一個字符串參數(shù)的時候會嘗試將其裝換為數(shù)字
- 在只有一個數(shù)字參數(shù)的時候返回其正數(shù)值
代碼分析
var a = 1; // a=1
a+++a; // 相當于(a++)+a,a經(jīng)過自增運算后為2肯骇，但(a++)為1，故該式為3
typeof a+2; // typeof優(yōu)先級高于+祖很，即相當于(typeof a)+2笛丙，即"number2"
var a = 1; // a=1
var b = 3; // b=3
console.log( a+++b ); // (a+++b)即((a++)+b)，(a++)為1假颇，1+3=4
遍歷數(shù)組[3,4,5]胚鸯，把數(shù)組里的打印數(shù)組每一項的平方
var arr = [3,4,5];
for (var i = 0; i<arr.length; i++){
console.log(arr[i]*arr[i])
}
遍歷 JSON, 打印里面的值
var obj = {
name: 'hunger',
sex: 'male',
age: 28 ;
}
for (var key in obj) {
console.log(obj[key]);
}
以下代碼輸出結(jié)果是? 為什么?
邏輯或（||）：如果expr1能轉(zhuǎn)換成true則返回expr1,否則返回expr2. 因此,在boolean環(huán)境(在if的條件判斷中)中使用時, 二者操作結(jié)果中只要有一個為true,返回true;二者操作結(jié)果都為false時返回false.
邏輯與（&&）：如果expr1 能轉(zhuǎn)換成false則返回expr1,否則返回expr2. 因此, 在Boolean環(huán)境中使用時, 兩個操作結(jié)果都為true時返回true,否則返回false.
var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
/*
(typeof a + b) = "number2" , "number2" || c >0則輸出"number2"
*/
console.log(val) // number2
var d = 5;
var data = d ==5 && console.log('bb') //d ==5為ture,故data =console.log('bb')
console.log(data) //console.log(data)=console.log(console.log('bb'))，值為 undefined笨鸡；
var data2 = d = 0 || console.log('haha')
/*
相當于var data2 = d = (0 || console.log('haha'))
即data2 = console.log('haha')
*/
console.log(data2) //console.log(data2)相當于console.log(console.log('haha'))姜钳，即undefined
var x = !!"Hello" + (!"world", !!"from here!!");
/*
!!"Hello"為true
(!"world", !!"from here!!")即((!"world"), (!!"from here!!")),(false,true)→true
x = true + true = 1+1=2
*/
console.log(x) // 2
