一、比較運算符
1、 有兩種比較遠算符:
== :會自動轉換數據類型再進行比較,有時會出現很詭異的結果。
=== :它不會轉換數據類型,如果數據類型不一致,則會返回false,如果一致再比較。
由于javascript這個缺陷,不要使用“==”進行比較,要堅持使用“===”。
2、 NaN 屬性是代表非數字值的特殊值(Not a Number)。該屬性用于指示某個值不是數字。可以把 Number 對象設置為該值,來指示其不是數字值。NaN這個特殊的Number與其他任何值都不相等,包括它自己:
NaN === NaN;? //false
唯一能判斷NaN的方法是通過isNaN() 函數(isNaN() 函數通常用于檢測 parseFloat() 和 parseInt() 的結果,以判斷它們表示的是否是合法的數字。當然也可以用 isNaN() 函數來檢測算數錯誤,比如用 0 作除數的情況):
isNaN(NaN);? ? //true
這里需要注意當除數或者被除數是0的情況,被除數是0結果為NaN,除數是0結果為Infinity
2 / 0;? // Infinity
0 / 0;? // NaN
3、浮點數的比較
1/3 === (1 - 2/3);? //false
這個不是javascript的設計缺陷,而是因為浮點數在運算過程中會產生誤差,因為計算機無法精確表示無限循環小數。所以要比較兩個無限循環小數是否相等,只能計算它們之差的絕對值看是否小于某個閾值。
Math.abs(1/3 - (1 - 2/3)) < 0.0000001;? //true
4、形如javascript這種變量本身類型不固定的語言稱之為動態語言,與之對應的是靜態語言。靜態語言在定義變量的時候必須指定變量類型,如果賦值的時候類型不匹配就會報錯。例如java就是靜態語言。
5、strict模式
JavaScript在設計之初,為了方便初學者學習,并不強制要求用var申明變量。這個設計錯誤帶來了嚴重的后果:如果一個變量沒有通過var申明就被使用,那么該變量就自動被申明為全局變量:
i = 10;? ? ? ? // i現在是全局變量
在同一個頁面的不同的JavaScript文件中,如果都不用var申明,恰好都使用了變量i,將造成變量i互相影響,產生難以調試的錯誤結果。
使用var申明的變量則不是全局變量,它的范圍被限制在該變量被申明的函數體內,同名變量在不同的函數體內互不沖突。
為了修補JavaScript這一嚴重設計缺陷,ECMA在后續規范中推出了strict模式,在strict模式下運行的JavaScript代碼,強制通過var申明變量,未使用var申明變量就使用的,將導致運行錯誤。
啟用strict模式的方法是在JavaScript代碼的第一行寫上:
'use strict';
這是一個字符串,不支持strict模式的瀏覽器會把它當做一個字符串語句執行,支持strict模式的瀏覽器將開啟strict模式運行JavaScript。
不用“var”申明的變量會被視為全局變量,為了避免這一缺陷,所有的javascript代碼都應該使用strict模式。
6、多行字符串
多行字符串用’\n’來分隔比較麻煩,所以最新的ES6標準新增了一種多行字符串的表示方法,用反引號 `……` 表示:
`這是
一個
多行
字符串`;
7、操作字符串
獲取字符串中某個字符,可以采用數組下標索引的方式
indexOf()會搜索指定字符串的位置:
var s = “hello, world”;
s.indexOf(“world”); //返回7
s.indexOf(“World”); //返回-1
substring()返回指定索引區間的子串;
var s = “hello, world”;
s.substring(0,5);? //從索引0開始到5(不包括5),返回“hello”
s.substring(7);? ? //從索引7開始到結束,返回“world”
8、數組
直接給array的length賦一個新值會導致array的大小變化:
var array = [1,2,3];
array.length;? //3
array.length = 6;? //array變為[1,2,3,undefined,undefined,undefined]? undefined不顯示
array.length = 2;? //array變為[1,2]
array可以通過索引把對應元素的值改為新值,對索引賦值可以直接修改這個array,但是如果賦值的索引超過了數組的范圍,將會導致array大小的變化(大多數語言不允許直接改變數組大小,越界訪問索引會報錯。在編寫代碼的時候,不建議直接修改數組大小,在訪問索引時,要確保索引不會越界):
var arr = [1,2,3];
var arr[1] = 4;? ? //arr變為[1,4,3]
var arr[5] = x;? ? //arr變為[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(對于起止參數,包括開始索引但不包括結束索引):
var arr = [0,1,2,3,4,5,6,7];
arr.slice(0,3);? ? //從索引0開始到索引3結束,但是不包括索引3:[0,1,2]
arr.slice(3);? ? ? //從索引3開始到結束:[3,4,5,6,7]
var copy = arr.slice(); //從索引0開始到結束:[0,1,2,3,4,5,6,7],
//利用這一點,可以快速的復制數組
copy === arr;? ? ? //false
這里有一個指針的概念需要注意一下:
var arr2 = arr1;? ? //指針相同
var arr2 = arr1.slice();? ? //指針不同
可以自己運行一下以下這個小程序測試一下
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()向數組的末尾添加若干元素,返回值為數組的長度,pop()則把數組的最后一個元素刪掉,返回值為刪除的元素:
var arr = [1,2];
arr.push(‘A’,’B’);? //返回數組的長度為4,數組為[1,2,’A’,’B’]
arr.pop();? ? ? //返回’B’,數組為[1,2,’A’]
…? ? ? ? ? //連續pop
arr.pop();? ? ? //返回1,數組為[]
arr.pop()? ? ? //空數組繼續pop不會報錯,而是返回undefined,數組依然為[]
(6)unshift和shift:
unshift()向數組的頭部添加元素,返回數組的長度,同push;shift()刪除數組的第一個元素,返回值為刪除的元素,同pop
(7)sort:
對當前Array進行排序,他會直接修改當前Array的元素位置,直接調用時按照默認順序進行排序(也可以按照指定順序進行排序)
var arr = [5,9,3,1];
arr.sort(); //arr為[1,3,5,9]
(8)reverse:反轉數組元素
var arr = [‘A’,’B’,’C’];
arr.reverse();? ? ? //數組為[‘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'); // 返回[],因為沒有刪除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
(10)concat:
把當前數組與另一個數組拼接起來,返回一個新的數組
注意:concat并沒有修改當前數組,而是返回了一個新的數組,實際上concat()方法可以接收任意個元素和數組,并自動把數組拆開,然后全部添加到新的數組里面。
var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]
(11)join():
這是一個很實用的方法,它把當前Array的每個元素都用指定的字符串連接起來,然后返回連接后的字符串
var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'