一.語法
1.基本語法
語句 var a=1;
語句塊 {...}
注釋 //,/.../
2.變量
<pre>var a=1;//a為一個變量,并將1賦值給a【挖了一個空間,名字叫a,把1這個值放進去】</pre>
變量提升:
<pre>
<code>console.log(a);</code>
<code>var a = 1;</code>
</pre>此時打印的是 undefined,表示變量a已聲明,但還未賦值。
實際執行的是
<pre>var a;
console.log(a);
a = 1;</pre>
3.數據類型
null
null表示一個“空”的值,它和0以及空字符串" "不同,0是一個數值," "表示長度為0的字符串,而null表示“空”。
Undefined
null表示一個空的值,而undefined表示值未定義。undefined僅僅在判斷函數參數是否傳遞的情況下有用。
Boolean
true|false
Number
(1)有范圍
(2)整數和浮點數
浮點數最高精度是17位,但是在計算的時候精度不如整數。
<pre>1 - 0.9; // 0.09999999999999998
0.1 + 0.2; //0.30000000000000004</pre>
要比較兩個浮點數是否相等,只能計算它們之差的絕對值,看是否小于某個閾值:
<pre>Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true</pre>
(3)NaN
表示非數字,NaN這個特殊的Number與所有其他值都不相等,包括它自己。唯一能判斷NaN的方法是通過isNaN()函數:
<pre>isNaN(NaN); // true</pre>
(4)非數值轉換為數值
Number()
parseInt()
parseFloat()
Number規則相當復雜而且不合理,幾乎不使用,常用的是后兩個,兩個規則類似
忽略字符串前面的空白字符,找到第一個非空白字符
如果第一個字符不是-或者數字返回NaN
如果是繼續解析,直到非數值模式為止
0開頭會當做八進制,0x開頭會當做十六進制,但是可以指定第二個參數指定基數
<pre>parseInt('blue'); //NaN
parseInt('-23ABS'); // -23
parseInt('0xf1'); // 241
parseInt('101', 2); // 5</pre>
String
雙引號或者單引號括起來
轉義字符\:'I'm "OK"!';
要獲取字符串某個指定位置的字符,使用類似Array的下標操作,索引號從0開始:
<pre>var s = 'Hello, world!';
s[0]; // 'H'
s[6]; // ' '
s[7]; // 'w'
s[12]; // '!'
s[13]; // undefined </pre>
超出范圍的索引不會報錯,但一律返回undefined
需要特別注意的是,字符串是不可變的,如果對字符串的某個索引賦值,不會有任何錯誤,但是,也沒有任何效果:
<pre>var s = 'Test';s[0] = 'X';alert(s); // s仍然為'Test'</pre>
常用方法:
(1)str.length;
(2)str.toUpperCase();
(3)str,toLowerCase();
(4)str.indexOf();
搜索指定字符串出現的位置
<pre>var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 沒有找到指定的子串,返回-1</pre>
(5)str.substring();
返回指定索引區間的子串
<pre>var s = 'hello, world'
s.substring(0, 5); // 從索引0開始到5(不包括5),返回'hello'
s.substring(7); // 從索引7開始到結束,返回'world'</pre>
(6)str.trim();
刪除兩端空白字符(IE9+)
(7)str.replace();
字符串替換
<pre>"abc".replace('b', 'B'); // "aBc"</pre>
(8)str.split();
分割字符串位數組
<pre>"a,bc,d,e".split(','); // [a, bc, d, e]</pre>
(9)str.substr(start, length)
獲取子字符串
<pre>"abcdef".substr(2,3); // "cde"</pre>
對象
JavaScript的對象是一組由鍵-值組成的無序集合,例如:
<pre>var person = {
name: 'Bob',
age: 20,
tags: ['js', 'web', 'mobile'],
city: 'Beijing',
hasCar: true,
zipcode: null
};</pre>
要獲取一個對象的屬性,我們用對象變量.屬性名的方式:
<pre>person.name; // 'Bob'</pre>
4.數組
常用方法:
(1)arr.length;
(2)arr.indexOf();
<pre>var arr = [10, 20, '30', 'xyz'];
arr.indexOf(10); // 元素10的索引為0
arr.indexOf(20); // 元素20的索引為1
arr.indexOf(30); // 元素30沒有找到,返回-1
arr.indexOf('30'); // 元素'30'的索引為2</pre>
(3)arr.slice();
截取Array的部分元素,然后返回一個新的Array
<pre>var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
arr.slice(0, 3); // 從索引0開始,到索引3結束,但不包括索引3: ['A', 'B', 'C']
arr.slice(3); // 從索引3開始到結束: ['D', 'E', 'F', 'G']</pre>
如果不給slice()傳遞任何參數,它就會從頭到尾截取所有元素。利用這一點,我們可以很容易地復制一個Array:
<pre>var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
var aCopy = arr.slice();
aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
aCopy === arr; // false,因為aCopy為一個新的數組對象,所以與原對象不同。</pre>
(4)arr.push();和arr.pop();
push()向Array的末尾添加若干元素,pop()則把Array的最后一個元素刪除掉
(5)arr.unshift();和arr.shift();
unshift()向Array的開頭添加若干元素,shift()則把Array的第一個元素刪除掉
(6)arr.sort();
sort()可以對當前Array進行排序,它會直接修改當前Array的元素位置,直接調用時,按照默認順序排序
<pre>var arr = ['B', 'C', 'A'];arr.sort();
arr; // ['A', 'B', 'C']</pre>
(7)arr.reverse();
reverse()把整個Array的元素給掉個個,也就是反轉
(8)arr.splice();
splice()方法是修改Array的“萬能方法”,它可以從指定的索引開始刪除若干元素,然后再從該位置添加若干元素.
<pre>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']</pre>
(9)arr.concat();
concat()方法把當前的Array和另一個Array連接起來,并返回一個新的Array
<pre>var arr = ['A', 'B', 'C'];
var added = arr.concat([1, 2, 3]);
added; // ['A', 'B', 'C', 1, 2, 3]
arr; // ['A', 'B', 'C']</pre>
concat()方法并沒有修改當前Array,而是返回了一個新的Array。concat()方法可以接收任意個元素和Array,并且自動把Array拆開,然后全部添加到新的Array里
<pre>var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]</pre>
(10)arr.join();
join()方法是一個非常實用的方法,它把當前Array的每個元素都用指定的字符串連接起來,然后返回連接后的字符串
<pre>var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'</pre>
(11)多維數組
<pre>var arr = [[1, 2, 3], [400, 500, 600], '-'];</pre>
取到500的值:<code>arr[1][1]</code>