進(jìn)階2

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

JavaScript的數(shù)據(jù)類型涩咖,共有六種桅锄。

  • 數(shù)值(number):整數(shù)和小數(shù)(比如1和3.14)
  • 字符串(string):字符組成的文本(比如"Hello World")
  • 布爾值(boolean):true(真)和false(假)兩個特定值
  • undefined:表示“未定義”或不存在幽钢,即此處目前沒有任何值
  • null:表示空缺涛浙,即此處應(yīng)該有一個值刘绣,但目前為空
  • 對象(object):各種值組成的集合

數(shù)值玖像、字符串紫谷、布爾值稱為原始類型(primitive type)的值,即它們是最基本的數(shù)據(jù)類型捐寥,不能再細(xì)分了笤昨。
將對象稱為復(fù)雜類型(complex type)的值,因為一個對象往往是多個原始類型的值的合成握恳,可以看作是一個存放各種值的容器

兩者區(qū)別:

  • 基本類型變量存的是值瞒窒,復(fù)雜類型的變量存的是內(nèi)存地址。
  • 基本類型在賦值的時copy值乡洼,復(fù)雜類型在賦值的時候只copy地址崇裁,不copy值匕坯。

2.typeof和instanceof的作用和區(qū)別?

typeof 是一個操作符,主要的目的是檢測一個變量是不是基本數(shù)據(jù)類型的變量,同時也可以說是確定一個變量是字符串,數(shù)值,布爾值,還是undefined;

var a="zhangqian";
var b=true;
var c=10;
var d;
var e=null;
var f=new Object();

alert(typeof a); //string
alert(typeof b); //number
alert(typeof c); //boolean
alert(typeof d); //undefined
alert(typeof e); //object
alert(typeof f); //object

instanceof主要的目的是檢測引用類型,判斷對象是Array,還是RegExp!

var array=new Array();
var object=new Object();
var regexp=new RegExp();
function func(){};
var func1=new func();

alert(array instanceof Array);  //true
alert(object instanceof Object);  //true
alert(regexp instanceof RegExp);  //true
alert(func1 instanceof func);  //true

參考:
javascript typeof 和 instanceof 的區(qū)別和聯(lián)系 --by raisezhang

3.如何判斷一個變量是否是數(shù)字寇壳、字符串醒颖、布爾、函數(shù)

通過typeof獲取變量類型壳炎,然后用If語句判斷

if ("undefined" === typeof v) { }

4.NaN是什么? 有什么特別之處?

NaN含義是Not a Number泞歉,表示非數(shù)字;
NaN是一個數(shù)字類型匿辩,但不是有效數(shù)字腰耙;
NaN和任何值都不相等,包括自己

Paste_Image.png

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

把字符串轉(zhuǎn)換為數(shù)值有三種方法:

1. Number()

如果參數(shù)是 Date 對象铲球,Number() 返回從 1970 年 1 月 1 日至今的毫秒數(shù)挺庞。
如果對象的值無法轉(zhuǎn)換為數(shù)字,那么 Number() 函數(shù)返回 NaN稼病,即如果字符串截去開頭和結(jié)尾的空白字符后选侨,不是純數(shù)字字符串,那么最終返回結(jié)果為NaN然走;
可識別0xff的十六進(jìn)制表示援制,轉(zhuǎn)換為255
例子:

<script type="text/javascript">
var test1= new Boolean(true);
var test2= new Boolean(false);
var test3= new Date();
var test4= new String("999");
var test5= new String("123abc");
var test6= new String("0xff");

document.write(Number(test1)+ "<br />");
document.write(Number(test2)+ "<br />");
document.write(Number(test3)+ "<br />");
document.write(Number(test4)+ "<br />");
document.write(Number(test5)+ "<br />");
document.write(Number(test6)+ "<br />");
</script>

輸出:
1
0
1502829821918
999
NaN
255

2.parseInt()

  • 基本用法
    parseInt方法用于將字符串轉(zhuǎn)為整數(shù)
parseInt('123') // 123 

如果字符串頭部有空格,空格會被自動去除

parseInt('   81') // 81

如果parseInt的參數(shù)不是字符串芍瑞,則會先轉(zhuǎn)為字符串再轉(zhuǎn)換晨仑。

parseInt(1.23) // 1    
// 等同于
parseInt('1.23') // 1

遇到不能轉(zhuǎn)換為數(shù)字的字符停止
字符串轉(zhuǎn)為整數(shù)的時候,是一個個字符依次轉(zhuǎn)換拆檬,如果遇到不能轉(zhuǎn)為數(shù)字的字符洪己,就不再進(jìn)行下去,返回已經(jīng)轉(zhuǎn)好的部分竟贯。

parseInt('8a') // 8
parseInt('12**') // 12
parseInt('12.34') // 12
parseInt('15e2') // 15
parseInt('15px') // 15

上面代碼中答捕,parseInt的參數(shù)都是字符串,結(jié)果只返回字符串頭部可以轉(zhuǎn)為數(shù)字的部分澄耍。如果字符串的第一個字符不能轉(zhuǎn)化為數(shù)字(后面跟著數(shù)字的正負(fù)號除外)噪珊,返回NaN。

parseInt('abc') // NaN
parseInt('.3') // NaN
parseInt('') // NaN
parseInt('+') // NaN
parseInt('+1') // 1

parseInt的返回值只有兩種可能齐莲,不是一個十進(jìn)制整數(shù),就是NaN磷箕。

如果字符串以0x或0X開頭选酗,parseInt會將其按照十六進(jìn)制數(shù)解析。

parseInt('0x10') // 16

如果字符串以0開頭岳枷,將其按照10進(jìn)制解析芒填。

parseInt('011') // 11

對于那些會自動轉(zhuǎn)為科學(xué)計數(shù)法的數(shù)字呜叫,parseInt會將科學(xué)計數(shù)法的表示方法視為字符串,因此導(dǎo)致一些奇怪的結(jié)果殿衰。

parseInt(1000000000000000000000.5) // 1
// 等同于
parseInt('1e+21') // 1

parseInt(0.0000008) // 8
// 等同于
parseInt('8e-7') // 8
  • 進(jìn)制轉(zhuǎn)換
    parseInt方法還可以接受第二個參數(shù)(2到36之間)朱庆,表示被解析的值的進(jìn)制,返回該值對應(yīng)的十進(jìn)制數(shù)闷祥。默認(rèn)情況下娱颊,parseInt的第二個參數(shù)為10,即默認(rèn)是十進(jìn)制轉(zhuǎn)十進(jìn)制凯砍。
parseInt('1000') // 1000
// 等同于
parseInt('1000', 10) // 1000
parseInt('1000', 2) // 8
parseInt('1000', 6) // 216
parseInt('1000', 8) // 512

上面代碼中箱硕,二進(jìn)制、六進(jìn)制悟衩、八進(jìn)制的1000剧罩,分別等于十進(jìn)制的8、216和512座泳。這意味著惠昔,可以用parseInt方法進(jìn)行進(jìn)制的轉(zhuǎn)換。

如果第二個參數(shù)不是數(shù)值挑势,會被自動轉(zhuǎn)為一個整數(shù)镇防。這個整數(shù)只有在2到36之間,才能得到有意義的結(jié)果薛耻,超出這個范圍营罢,則返回NaN。如果第二個參數(shù)是0饼齿、undefined和null饲漾,則直接忽略。

parseInt('10', 37) // NaN
parseInt('10', 1) // NaN
parseInt('10', 0) // 10
parseInt('10', null) // 10
parseInt('10', undefined) // 10

如果字符串包含對于指定進(jìn)制無意義的字符缕溉,則從最高位開始考传,只返回可以轉(zhuǎn)換的數(shù)值。如果最高位無法轉(zhuǎn)換证鸥,則直接返回NaN僚楞。對于二進(jìn)制來說,1是有意義的字符枉层,5泉褐、4、6都是無意義的字符鸟蜡,所以第一行返回1膜赃,第二行返回NaN。

parseInt('1546', 2) // 1
parseInt('546', 2) // NaN

如果parseInt的第一個參數(shù)不是字符串揉忘,會被先轉(zhuǎn)為字符串跳座。這會導(dǎo)致一些令人意外的結(jié)果端铛。

parseInt(0x11, 36) // 43
// 等同于
parseInt(String(0x11), 36)
parseInt('17', 36)

上面代碼中,十六進(jìn)制的0x11會被先轉(zhuǎn)為十進(jìn)制的17疲眷,再轉(zhuǎn)為字符串禾蚕。然后,再用36進(jìn)制解讀字符串17狂丝,最后返回結(jié)果43换淆。

這種處理方式,對于八進(jìn)制的前綴0美侦,尤其需要注意产舞。

parseInt(011, 2) // NaN
// 等同于
parseInt(String(011), 2)

parseInt('011', 2) // 3

上面代碼中,第一行的011會被先轉(zhuǎn)為字符串9菠剩,因為9不是二進(jìn)制的有效字符易猫,所以返回NaN。第二行的字符串011具壮,會被當(dāng)作二進(jìn)制處理准颓,返回3。

ES5不再允許將帶有前綴0的數(shù)字視為八進(jìn)制數(shù)棺妓,而是要求忽略這個0攘已。但是,為了保證兼容性怜跑,大部分瀏覽器并沒有部署這一條規(guī)定样勃。

3.parseFloat()

parseFloat方法用于將一個字符串轉(zhuǎn)為浮點數(shù)。

parseFloat('3.14') // 3.14

如果字符串符合科學(xué)計數(shù)法性芬,則會進(jìn)行相應(yīng)的轉(zhuǎn)換峡眶。

parseFloat('314e-2') // 3.14
parseFloat('0.0314E+2') // 3.

如果字符串包含不能轉(zhuǎn)為浮點數(shù)的字符,則不再進(jìn)行往后轉(zhuǎn)換植锉,返回已經(jīng)轉(zhuǎn)好的部分辫樱。

parseFloat('3.14more non-digit characters') // 3.14

parseFloat方法會自動過濾字符串前導(dǎo)的空格。

parseFloat('\t\v\r12.34\n ') // 12.34

如果參數(shù)不是字符串俊庇,或者字符串的第一個字符不能轉(zhuǎn)化為浮點數(shù)狮暑,則返回NaN。

parseFloat([]) // NaN
parseFloat('FF2') // NaN
parseFloat('') // NaN

上面代碼中辉饱,尤其值得注意搬男,parseFloat會將空字符串轉(zhuǎn)為NaN。

這些特點使得parseFloat的轉(zhuǎn)換結(jié)果不同于Number函數(shù)彭沼。

parseFloat(true)  // NaN
Number(true) // 1

parseFloat(null) // NaN
Number(null) // 0

parseFloat('') // NaN
Number('') // 0

parseFloat('123.45#') // 123.45
Number('123.45#') // NaN

6.==與===有什么區(qū)別

===是嚴(yán)格意義的相等止后,如果兩個值類型相同,用===進(jìn)行比較溜腐;
使用==的時候译株,如果兩個值的類型不同,javascript會先進(jìn)行類型轉(zhuǎn)換
如果兩個值的類型不同:

  • 如果一個是null挺益,一個是undefined歉糜,那么相等
  • 如果一個是數(shù)字,一個是字符串望众,先將字符串轉(zhuǎn)為數(shù)字匪补,然后比較
  • 如果一個值是true/false則將其轉(zhuǎn)為1/0比較
  • 如果一個值是對象,一個是數(shù)字或字符串烂翰,則嘗試使用valueOf和toString轉(zhuǎn)換后比較
  • 其它就不相等了

7.break與continue有什么區(qū)別

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

8.void 0 和 undefined在使用場景上有什么區(qū)別

void運算符的作用是執(zhí)行一個表達(dá)式甘耿,然后返回undefined踊兜。
Undefined是可以作為一個變量賦值的

Paste_Image.png

上面代碼執(zhí)行后,輸出===佳恬,void 0的執(zhí)行結(jié)果為undefined捏境,變量a聲明未賦值,相等

9.以下代碼輸出結(jié)果毁葱,為什么垫言?

console.log(1+1);    //2 兩個操作數(shù)都是數(shù)字的時候,會做加法運算
console.log("2"+"4");  //24 兩個參數(shù)都是字符串倾剿,會把另外一個參數(shù)轉(zhuǎn)換為字符串做字符串拼接
console.log(2+"4");    //24 兩個參數(shù)有一個參數(shù)是字符串的情況下 會把另外一個參數(shù)轉(zhuǎn)換為字符串做字符串拼接
console.log(+"4");  //4 只有一個字符串參數(shù)的時候會嘗試將其轉(zhuǎn)換為數(shù)字

10.以下代碼的輸出結(jié)果是?

var a = 1;  
a+++a;  
typeof a+2;

number2筷频,
++優(yōu)先級高,限制性++前痘,a變?yōu)?凛捏,先執(zhí)行typeof a,得到number际度,然后拼接字符串葵袭;

11.以下代碼的輸出結(jié)果是? 為什么

 var a = 1;
 var b = 3;
 console.log( a+++b );
4

a+++b,相當(dāng)于(a++)+b乖菱,因為a++后生效坡锡,所以相當(dāng)于1+3,得4

12.遍歷數(shù)組窒所,把數(shù)組里的打印數(shù)組每一項的平方

 var arr = [3,4,5];
var i;
for(i=0;i<arr.length;i++){
     console.log(arr[i]**2);
}

13.遍歷 JSON, 打印里面的值

var obj = {
 name: 'hunger', 
 sex: 'male', 
 age: 28 
}

var i;
for(i in obj){
console.log(i+":"+obj[i]);
}

14.以下代碼輸出結(jié)果是? 為什么

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val) 

number2
typeof a + b || c >0按優(yōu)先級為:((typeof a) + b) ||(c >0)
即得到number2 || 1鹉勒,得到number2

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)

undefined
d==5為true,短路邏輯吵取,data等于&&后面的禽额,consoloe.log('bb')是先輸出bb,然后返回undefined,所以data為undefined

var data2 = d = 0 || console.log('haha')
console.log(data2)

undefined
根據(jù)短路邏輯,0為false脯倒,d等于||后面的实辑,consoloe.log('haha')是先輸出haha,然后返回undefined,所以data為undefined

var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)

2
!!強(qiáng)制轉(zhuǎn)換字符串為true藻丢,“剪撬,”返回最后一個操作數(shù)運算值,true+true=2

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末悠反,一起剝皮案震驚了整個濱河市残黑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌斋否,老刑警劉巖梨水,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異茵臭,居然都是意外死亡疫诽,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門笼恰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來踊沸,“玉大人,你說我怎么就攤上這事社证”乒辏” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵追葡,是天一觀的道長腺律。 經(jīng)常有香客問我,道長宜肉,這世上最難降的妖魔是什么匀钧? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮谬返,結(jié)果婚禮上之斯,老公的妹妹穿的比我還像新娘。我一直安慰自己遣铝,他們只是感情好佑刷,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著酿炸,像睡著了一般瘫絮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上填硕,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天麦萤,我揣著相機(jī)與錄音,去河邊找鬼。 笑死壮莹,一個胖子當(dāng)著我的面吹牛翅帜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播垛孔,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼藕甩,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了周荐?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤僵娃,失蹤者是張志新(化名)和其女友劉穎概作,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體默怨,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡讯榕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了匙睹。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片愚屁。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖痕檬,靈堂內(nèi)的尸體忽然破棺而出霎槐,到底是詐尸還是另有隱情,我是刑警寧澤梦谜,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布丘跌,位于F島的核電站,受9級特大地震影響唁桩,放射性物質(zhì)發(fā)生泄漏闭树。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一荒澡、第九天 我趴在偏房一處隱蔽的房頂上張望报辱。 院中可真熱鬧,春花似錦单山、人聲如沸碍现。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鸵赫。三九已至,卻和暖如春躏升,著一層夾襖步出監(jiān)牢的瞬間辩棒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留一睁,地道東北人钻弄。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像者吁,于是被迫代替她去往敵國和親窘俺。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

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