JS基礎(chǔ)知識(一)

一、比較運(yùn)算符

1、 有兩種比較遠(yuǎn)算符:

== :會自動轉(zhuǎn)換數(shù)據(jù)類型再進(jìn)行比較,有時會出現(xiàn)很詭異的結(jié)果。

=== :它不會轉(zhuǎn)換數(shù)據(jù)類型,如果數(shù)據(jù)類型不一致,則會返回false,如果一致再比較。

由于javascript這個缺陷,不要使用“==”進(jìn)行比較,要堅持使用“===”。

2、 NaN 屬性是代表非數(shù)字值的特殊值(Not a Number)。該屬性用于指示某個值不是數(shù)字。可以把 Number 對象設(shè)置為該值,來指示其不是數(shù)字值。NaN這個特殊的Number與其他任何值都不相等,包括它自己:

NaN === NaN;? //false

唯一能判斷NaN的方法是通過isNaN() 函數(shù)(isNaN() 函數(shù)通常用于檢測 parseFloat() 和 parseInt() 的結(jié)果,以判斷它們表示的是否是合法的數(shù)字。當(dāng)然也可以用 isNaN() 函數(shù)來檢測算數(shù)錯誤,比如用 0 作除數(shù)的情況)

isNaN(NaN);? ? //true

這里需要注意當(dāng)除數(shù)或者被除數(shù)是0的情況,被除數(shù)是0結(jié)果為NaN,除數(shù)是0結(jié)果為Infinity

2 / 0;? // Infinity

0 / 0;? // NaN

3、浮點(diǎn)數(shù)的比較

1/3 === (1 - 2/3);? //false

這個不是javascript的設(shè)計缺陷,而是因?yàn)楦↑c(diǎn)數(shù)在運(yùn)算過程中會產(chǎn)生誤差,因?yàn)橛嬎銠C(jī)無法精確表示無限循環(huán)小數(shù)。所以要比較兩個無限循環(huán)小數(shù)是否相等,只能計算它們之差的絕對值看是否小于某個閾值。

Math.abs(1/3 - (1 - 2/3)) < 0.0000001;? //true

4、形如javascript這種變量本身類型不固定的語言稱之為動態(tài)語言,與之對應(yīng)的是靜態(tài)語言。靜態(tài)語言在定義變量的時候必須指定變量類型,如果賦值的時候類型不匹配就會報錯。例如java就是靜態(tài)語言。

5、strict模式

JavaScript在設(shè)計之初,為了方便初學(xué)者學(xué)習(xí),并不強(qiáng)制要求用var申明變量。這個設(shè)計錯誤帶來了嚴(yán)重的后果:如果一個變量沒有通過var申明就被使用,那么該變量就自動被申明為全局變量:

i = 10;? ? ? ? // i現(xiàn)在是全局變量

在同一個頁面的不同的JavaScript文件中,如果都不用var申明,恰好都使用了變量i,將造成變量i互相影響,產(chǎn)生難以調(diào)試的錯誤結(jié)果。

使用var申明的變量則不是全局變量,它的范圍被限制在該變量被申明的函數(shù)體內(nèi),同名變量在不同的函數(shù)體內(nèi)互不沖突。

為了修補(bǔ)JavaScript這一嚴(yán)重設(shè)計缺陷,ECMA在后續(xù)規(guī)范中推出了strict模式,在strict模式下運(yùn)行的JavaScript代碼,強(qiáng)制通過var申明變量,未使用var申明變量就使用的,將導(dǎo)致運(yùn)行錯誤。

啟用strict模式的方法是在JavaScript代碼的第一行寫上:

'use strict';

這是一個字符串,不支持strict模式的瀏覽器會把它當(dāng)做一個字符串語句執(zhí)行,支持strict模式的瀏覽器將開啟strict模式運(yùn)行JavaScript。

不用“var”申明的變量會被視為全局變量,為了避免這一缺陷,所有的javascript代碼都應(yīng)該使用strict模式。

6、多行字符串

多行字符串用’\n’來分隔比較麻煩,所以最新的ES6標(biāo)準(zhǔn)新增了一種多行字符串的表示方法,用反引號 `……` 表示:

`這是

一個

多行

字符串`;

7、操作字符串

獲取字符串中某個字符,可以采用數(shù)組下標(biāo)索引的方式

indexOf()會搜索指定字符串的位置:

var s = “hello, world”;

s.indexOf(“world”); //返回7

s.indexOf(“World”); //返回-1

substring()返回指定索引區(qū)間的子串;

var s = “hello, world”;

s.substring(0,5);? //從索引0開始到5(不包括5),返回“hello”

s.substring(7);? ? //從索引7開始到結(jié)束,返回“world”

8、數(shù)組

直接給array的length賦一個新值會導(dǎo)致array的大小變化:

var array = [1,2,3];

array.length;? //3

array.length = 6;? //array變?yōu)閇1,2,3,undefined,undefined,undefined]? undefined不顯示

array.length = 2;? //array變?yōu)閇1,2]

array可以通過索引把對應(yīng)元素的值改為新值,對索引賦值可以直接修改這個array,但是如果賦值的索引超過了數(shù)組的范圍,將會導(dǎo)致array大小的變化(大多數(shù)語言不允許直接改變數(shù)組大小,越界訪問索引會報錯。在編寫代碼的時候,不建議直接修改數(shù)組大小,在訪問索引時,要確保索引不會越界):

var arr = [1,2,3];

var arr[1] = 4;? ? //arr變?yōu)閇1,4,3]

var arr[5] = x;? ? //arr變?yōu)閇1,4,3,undefined,undefined,’x’]

indexOf:

與String類似,Array也可以通過indexOf來獲得一個指定元素的位置:

var arr = [10,20,’30’,’abc’];

arr.indexOf(10);? ? //元素10的索引為0

arr.indexOf(30);? ? //元素30沒有找到,返回為-1

arr.indexOf(’30’);? //元素’30’的索引為2;

(4)slice:

類似String的subString(),截取Array的部分元素,返回一個新的Array(對于起止參數(shù),包括開始索引但不包括結(jié)束索引):

var arr = [0,1,2,3,4,5,6,7];

arr.slice(0,3);? ? //從索引0開始到索引3結(jié)束,但是不包括索引3:[0,1,2]

arr.slice(3);? ? ? //從索引3開始到結(jié)束:[3,4,5,6,7]

var copy = arr.slice(); //從索引0開始到結(jié)束:[0,1,2,3,4,5,6,7],

//利用這一點(diǎn),可以快速的復(fù)制數(shù)組

copy === arr;? ? ? //false

這里有一個指針的概念需要注意一下:

var arr2 = arr1;? ? //指針相同

var arr2 = arr1.slice();? ? //指針不同

可以自己運(yùn)行一下以下這個小程序測試一下

var arr1 = [1,2,3,4,5,6,7];

var arr2 = arr1;

arr1[3] = 10;

alert(arr1 == arr2);

alert(arr2);

var arr3 = arr1.slice();

arr1[3] = 10;

alert(arr1 == arr3);

alert(arr3);

(5)push和pop:

push()向數(shù)組的末尾添加若干元素,返回值為數(shù)組的長度,pop()則把數(shù)組的最后一個元素刪掉,返回值為刪除的元素:

var arr = [1,2];

arr.push(‘A’,’B’);? //返回數(shù)組的長度為4,數(shù)組為[1,2,’A’,’B’]

arr.pop();? ? ? //返回’B’,數(shù)組為[1,2,’A’]

…? ? ? ? ? //連續(xù)pop

arr.pop();? ? ? //返回1,數(shù)組為[]

arr.pop()? ? ? //空數(shù)組繼續(xù)pop不會報錯,而是返回undefined,數(shù)組依然為[]

(6)unshift和shift:

unshift()向數(shù)組的頭部添加元素,返回數(shù)組的長度,同push;shift()刪除數(shù)組的第一個元素,返回值為刪除的元素,同pop

(7)sort:

對當(dāng)前Array進(jìn)行排序,他會直接修改當(dāng)前Array的元素位置,直接調(diào)用時按照默認(rèn)順序進(jìn)行排序(也可以按照指定順序進(jìn)行排序)

var arr = [5,9,3,1];

arr.sort(); //arr為[1,3,5,9]

(8)reverse:反轉(zhuǎn)數(shù)組元素

var arr = [‘A’,’B’,’C’];

arr.reverse();? ? ? //數(shù)組為[‘C’,’B’,’A’]

(9)splice:

修改Array的萬能方法,可以從指定索引開始刪除若干元素,然后再從該位置添加若干元素

var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];

// 從索引2開始刪除3個元素,然后再添加兩個元素:

arr.splice(2, 3, 'Google', 'Facebook'); // 返回刪除的元素 ['Yahoo', 'AOL', 'Excite']

arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

// 只刪除,不添加:

arr.splice(2, 2); // ['Google', 'Facebook']

arr; // ['Microsoft', 'Apple', 'Oracle']

// 只添加,不刪除:

arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因?yàn)闆]有刪除任何元素

arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

(10)concat:

把當(dāng)前數(shù)組與另一個數(shù)組拼接起來,返回一個新的數(shù)組

注意:concat并沒有修改當(dāng)前數(shù)組,而是返回了一個新的數(shù)組,實(shí)際上concat()方法可以接收任意個元素和數(shù)組,并自動把數(shù)組拆開,然后全部添加到新的數(shù)組里面。

var arr = ['A', 'B', 'C'];

arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]

(11)join():

這是一個很實(shí)用的方法,它把當(dāng)前Array的每個元素都用指定的字符串連接起來,然后返回連接后的字符串

var arr = ['A', 'B', 'C', 1, 2, 3];

arr.join('-'); // 'A-B-C-1-2-3'

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

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