JavaScript的數據類型
六種數據類型
- 數值(Number):整數和消暑
- 字符串(String):字符組成的文本("a"、'a')
- 布爾值(Boolean):只有真(false)假(true)兩個值
- null:表示空值,此處的值為空
- undefined:未賦值
- 對象(Object):各種值的集合
其中數值、字符串、布爾值是原始數據類型,它們是最基本的數據類型;對象是合成數據類型,是有多個原始數據類型和成,是一個存放各種值的容器,對象可分為三個子類型:狹義對象(Object)、數組(array)、函數(function);undefined和null是兩個特殊的值
typeof和instanceof
typeof用于返回一個數據的原始數據類型
數值:typeof 1 // "number"
字符串: typeof '1' // "string"
布爾: typeof true // "boolean"
函數:返回function
undefined:返回undefined
上述可以看出判斷一個變量類型可以使用typeof
var a = xxx
if(typeof a === "number"){console.log(a)}
Window/{ }/[ ]/null 都返回 object
null返回object是一個歷史bug,本質上是一個類似于undefined的特殊值
因為typeof對 { }和[ ]都返回object所以要用instanceof去分辨
{} instanceof Array // false
[] instanceof Array // true
NaN
Not a Number 它不是一種獨立的數據類型,而是一個特殊的數值,它的數據類型屬于number,可以理解為不是一個數字的數字 它和任何包括其自己本身都不相等(===)
非數值轉化為數值
Number():將字符串轉化為數值但是字符串必須都是數字
parseInt(): 將字符串轉為整數,如果字符串頭部有空格,空格會被自動去除;如果參數不是字符串,則會先轉為字符串再轉換;字符串轉為整數的時候,是一個個字符依次轉換,如果遇到不能轉為數字的字符,就不再進行下去,返回已經轉好的部分;如果字符串的第一個字符不能轉化為數字(后面跟著數字的正負號除外),返回NaN;注意開頭是否為進制的開頭;并且運行轉換為數值時可以有第二個參數:parseInt('1000', 2) // 8 此時注意進制的規則
parseFloat():將字符串轉化為浮點數,規則同parseInt,但是true/null/空字符串時 Number為數值,它為NaN
==和===
===時嚴格意義的相對,且不會再比較時進行數據類型轉換,NaN===NaN //false
==為值相等,比較時會轉換數據類型
- 如果兩個值類型相同,則執行嚴格相等的運算
- 如果兩個值的類型不同
- 如果一個是null,一個是undefined,那么相等
- 如果一個是數字,一個是字符串,先將字符串轉為數字,然后比較
- 如果一個值是true/false則將其轉為1/0比較
- 如果一個值是對象,一個是數字或字符串,則嘗試使用valueOf和toString轉換后比較
- 其它不相等
break和continue
break 用于強制退出循環體,執行循環后面的語句
continue 用于退出本次循環,執行下次循環
也可以配合label使用跳出label標記的循環體或本次循環
void 0 和 undefined
void 會執行后面的表達式并返回 undefined,但是某些情境下undefined可以被賦值,比如函數中,這樣就不能用undefined來進行判斷了。所以用void 0返回undefined來進行判斷。既減少了在原形鏈上查找 window.undefined 的時間,也避免了誤用被修改過的 undefined。
console.log(1+1);//輸出2,兩個數字加法運算
console.log("2"+"4");//輸出'24',兩個字符串類型的做字符串拼接
console.log(2+"4");//輸出'24',一個是數字一個是字符串,數字轉化為字符串后拼接
console.log(+"4");//輸出4,只有一個字符串會轉換成數字輸出
var a = 1;
a+++a; //輸出3,理解為(a++)+ a,++運算符比+運算優先級更高,a++結果為1,a變成了2,所以結果為1+2=3。
typeof a+2;//輸出"number2",typeof的優先級高于+運算,所以輸出字符串number,字符串與數字相加時,數字轉換為字符串,然后字符串拼接就變成"number2"
var a = 1;
var b = 3;
console.log( a+++b );//輸出4,(a++)+b
數組的便利
var arr = [3,4,5]
for (var i = 0; i < arr.length; i++){console.log(arr[i]*arr[i])}
for...in的便利
var obj = {
name: 'hunger',
sex: 'male',
age: 28
}
for(var key in obj){console.log(key+":"+obj[key])}
var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val)
((typeof a )+ b)
typeof優先級高所以左邊為"number2",短路或左邊為true則為true右邊不執行,將"number2"賦值給val
var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
(d ==5 )&& console.log('bb')
d==5為true,執行右邊打印bb,&&返回第一個布爾值為false的值如果沒有,則返回最后一個,右邊的值為undefined
var data2 = d = 0 || console.log('haha')
console.log(data2)
0為false則執行右邊打印haha并返回undefined賦給d,d為undefined賦給data2
var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)
false為0,treu為1 ,逗號運算符返還后面的值所以為2
&& 返回第一個 布爾值為false 的值 如果沒有 則返回最后一個
|| 返回第一個 布爾值為 true 的值 如果沒有 則返回最后一個