1. JavaScript 定義了幾種數據類型? 哪些是原始類型?哪些是復雜類型?原始類型和復雜類型的區別是什么?
- 6種數據類型:數值(number)、字符串(string)、布爾值(boolean)、undefined、null、對象(object)
-
原始數據類型:
- 數值(number):整數和小數;
- 字符串(string):文本數據;
- 布爾值(boolean):true和false兩個特定值;
- undefined:表示“未定義”或不存在,即此處目前沒有任何值;
- null:表示空缺,即此處應該有一個值,但目前為空,一般用作對象的占位符;
- symbol(ES6);
-
復雜數據類型:
- 對象(object):各種值組成的集合;包括數組(array)、函數(function)、對象(object)、正則表達式(regexp)等;
2. typeof和instanceof的作用和區別?
- typeof用于基本數據類型的類型判斷,返回值都為小寫的字符串。如果是對象,除了function類型會返回“function”, 其他對象統一返回“object”。
typeof 123 // "number" /*數值返回"number"*/
typeof '123' // "string" /*字符串返回"string"*/
typeof false // "boolean" /*布爾值返回"boolean"*/
/*函數返回"function"*/
function f() {}
typeof f // "function"
/*undefined 返回 undefined*/
typeof undefined // "undefined"
/* 其余的返回object*/
typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"
- instanceof 利用原型鏈繼承關系做判斷,它針對對象類型(格式:對象 instanceof 構造函數)。
var a = {};
var b = [];
a instanceof Array // false
b instanceof Array // true
//true
function C() {}
var a = new C();
a instanceof C;
- 區別:
- typeof是判斷變量是什么基本類型的
- instanceof是判斷對象到底是什么類型的;
3. 如何判斷一個變量是否是數字、字符串、布爾、函數
typeof運算符(2詳細寫的)
4. NaN是什么? 有什么特別之處?
- NaN(Not a Number):表示非數值,是一個特殊的數值,這個數值用于表示一個本來要返回數值的操作數未返回數值的情況。
-
注:涉及NaN的操作(如:NaN/10)都會返回NaN;NaN與任何值都不相等,包括NaN本身
NaN === NaN // false /*NaN不等于它本身*/
5. 如何把非數值轉化為數值?
三個函數:Number();
, parseInt();
;,parseFloat();
- Number():將任何類型的值轉化為數值。但Number規則相當復雜而且不合理
轉換規則如下:- 如果是Boolean值,true和false分別轉化為1和0
- 如果是數字,只是簡單的傳入和返回
- 如果是null, 返回0
- 如果是undefined, 返回NaN
- 如果是如果是字符串,按照下面的規則:
- 如果只包含數字,則將其轉化為十進制。
- 如果數字中包含浮點格式,比如‘1.1’轉化為1.1
- 如果包含有效的十六進制,比如‘0xf’轉化為15
- 如果字符串是空的(不包含任何字符)轉化為0
- 如果包含上述其他的格式轉化為NaN
- 如果是對象,則調用對象的valueOf()方法,依照前面的規則轉化,如果結果為NaN,則調用對象的toString()方法,再次按照前面的方法轉換返回的字符串
Number(null) //0
Number('abc') //NaN
Number('') //0
Number({toString:function(){return '123'; }}) //123
Number({valueOf:function(){return 456; }}) //456
-
parseInt():把值轉換成整數;parseFloat():把值轉換成浮點數
使用規則:- 忽略字符串前面的空白字符,找到第一個非空白字符
- 如果第一個字符不是-或者數字返回NaN
- 如果是繼續解析,直到非數值模式為止
- 0開頭會當做八進制,0x開頭會當做十六進制,但是可以指定第二個參數指定基數
6. ==與===有什么區別
===是嚴格意義的相等;==是近似相等,使用==的時候,javascript會幫我們做類型轉換如果兩個值類型相同,則執行嚴格相等的運算
- 如果兩個值類型相同,則執行嚴格相等的運算
- 如果兩個值的類型不同
- 如果一個是null,一個是undefined,那么相等
- 如果一個是數字,一個是字符串,先將字符串轉為數字,然后比較
- 如果一個值是true/false則將其轉為1/0比較
- 如果一個值是對象,一個是數字或字符串,則嘗試使用valueOf和toString轉換后比較
- 其它就不相等了
7. break與continue有什么區別
- break 用于強制退出循環體,執行循環后面的語句 跳出循環體
for(var i = 1; i< 10; i++){
if(i % 4 === 0){
break;
}
console.log(i);
} // 1,2,3
- continue 用于退出本次循環,執行下次循環 跳出單次循環
for(var i = 1; i< 10; i++){
if(i % 4 === 0){
continue;
}
console.log(i);
} //1,2,3,5,6,7,9
8. void 0 和 undefined在使用場景上有什么區別
- undefined 不能被重寫。但是在局部作用域中,還是可以被重寫的。
所以undefined現常用于全局環境 - void 運算符通常只用于獲取 undefined 的原始值,一般使用 void 0。在上述情況中,也可以使用全局變量undefined 來代替(假定其仍是默認值)。而 void 可以給任何給定的表達式求值,并返回 undefined,并且 void 不可被重寫,因此void 0是在局部作用域中替代undefined的最佳選擇。
9. 以下代碼的輸出結果是?為什么?
console.log(1+1); //2 兩種數值類型相加,結果為2
console.log("2"+"4"); //"24" 類型相同,兩字符串拼接,結果為"24"
console.log(2+"4"); //"24" 類型不同,轉換為符串后拼接,結果為"24"
console.log(+"4"); //4 只有一個字符串運算子,也轉換為數字
加法運算符有如下規則:
- 在兩個操作數都是數字的時候,會做加法運算;
- 兩個參數都是字符串或在有一個參數是字符串的情況下會把另外一個參數轉換為字符串做字符串拼接;
- 在參數有對象的情況下會調用其valueOf或toString;
- 在只有一個字符串參數的時候會嘗試將其轉換為數字;
- 在只有一個數字參數的時候返回其正數值。
10.
var a = 1;
a+++a; //(a++)+a,a++返回值為1,a自增運算為2,即1+2=3
typeof a+2;//"number2" ,相當于(typeof a)+2即"number"+2,字符串的拼接
11.
var a = 1;
var b = 3;
console.log( a+++b );//(a++)+b,a++返回值為1,即1+3=4
12. 遍歷數組,把數組var arr = [3,4,5]
里的打印數組每一項的平方
var arr = [3,4,5]
for(var i=0;i<3;i++){
console.log(arr[i]*arr[i])
}
13.
遍歷 JSON, 打印里面的值
var obj = {
name: 'hunger',
sex: 'male',
age: 28
}
for(var kay in obj){
console.log(obj[key])
}
14.
var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0;
//( typeof a )+b即number+b,字符串的拼接"number2"
console.log(val)
//number2 || true
//或運算符(||)的運算規則是:
//如果第一個運算子的布爾值為true,則返回第一個運算子的值,且不再對第二個運算子求值;
//如果第一個運算子的布爾值為false,則返回第二個運算子的值。
var d = 5;
var data = d ==5 && console.log('bb')
//(d ==5 ) && console.log('bb')
console.log(data)//undefined
//或運算符(&&)的運算規則是:
//如果第一個運算子的布爾值為true,則返回第一個運算子的值
//如果第一個運算子的布爾值為false,則返回第二個運算子的值。
var data2 = d = 0 || console.log('haha')
//data2 =<( d = (0 || console.log('haha') )),=為右結合
//0轉換為false,所以返回第二個運算子的值,結果為undefined
console.log(data2)
var x = !!"Hello" + (!"world", !!"from here!!");
//(!!"Hello") + ((!"world"), (!!"from here!!"))
//true + (false, true)
//true+true,都是原始類型,轉化為數值相加,結果輸出2
console.log(x)