一、比較運(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'