web前端基礎：javascript數組操做方法

今天主要給你們介紹javascript中數組的操做方法及函數的介紹，數組在其中的主要做用是使用單獨的變量名來存儲一系列的值。下面經過一些簡單的javascript實例爲你們講解數組，具體的javascript教程以下：

字符串, JavaScript 字符串就是用'' 和""括起來的字符表示。
　　　字符字面量， \n 換行, \t 製表， \b 退格， \r 回車， \f 進紙， \\ 斜槓，\' 單引號(') ，\" 雙號(") \xnn 以十六進制代碼nn 表示的一個字符(其中n爲0~F) \unnnn以十六進制代碼nnnn表示的一個Unicode字符。
　　　　字符串的特色，字符換一旦建立就不能改變，要變某個變量保存的字符串，首先要銷燬原來的字符串，而後在用另外一個包含字符串填充該變量。
　　　常見操做：

　　　　　　var s = 'Hello world!';
　　　　　　s.length;
　　　要獲取字符串某個指定位置的字符，使用相似Array 的下標操做，索引號從0 開始。
　　　　　　var s = 'Hello world!';
　　　　　　　　s[0]; // 'H'
　　　　　　　　s[6] // ' '
　　　　　　　　s[7] // 'w'
　　　　　　　　s[12] // 'l'
　　　　　　　　s[13] // 'undefined 超出範圍的索引不會報錯，但一概返回undefined'須要特別注意的是，字符串是不可變的，若是對字符串的某個索引賦值，不會有任何錯誤，可是，也沒有任何效果：
　　　　　　　　var s = 'Test';
　　　　　　　　s[0] = 'X';
　　　　　　　　alert(s); // s仍然爲'Test'
　　　　　toUpperCase
　　　　　　　　toUpperCase() 把一個字符串所有變爲大寫「
　　　　　　　　var s='Hello'
　　　　　　　　s.toUpperCase(); // 返回'HELLO'
　　　　　toLowerCase
　　　　　　　　toLowerCase()把一個字符串所有變爲小寫：
　　　　　　　　var s = 'Hello';
　　　　　　　　var lower = s.toLowerCase(); // 返回'hello'並賦值給變量lower
　　　　　　　　lower; // 'hello'
　　　　　indexOf
　　　　　　　　indexOf()會搜索指定字符串出現的位置：
　　　　　　　　var s = 'hello, world';
　　　　　　　　s.indexOf('world'); // 返回7
　　　　　　　　s.indexOf('World'); // 沒有找到指定的子串，返回-1
　　　　substring
　　　　　　　　substring()返回指定索引區間的子串：
　　　　　　　　var s = 'hello, world'
　　　　　　　　s.substring(0, 5); // 從索引0開始到5（不包括5），返回'hello'
　　　　　　　　s.substring(7); // 從索引7開始到結束，返回'world'

數組
　　　　JavaScript 的Array 能夠包含任意數據類型，並經過索引來訪問每一個元素。
　　　　要取得Array的長度，直接訪問length屬性：

　　　　　　var arr = [1, 2, 3.14, 'Hello', null, true];
　　　　　　arr.length; // 6

　　　請注意，直接給Array的length賦一個新的值會致使Array大小的變化：
　　　　　　var arr = [1,2,3];
　　　　　　arr.length; // 3
　　　　　　arr; // arr變爲[1,2,3, undefined,undefined,undefined]
　　　　　　arr.length = 2;
　　　　　　arr; // arr變爲[1,2]
　　Array能夠經過索引把對應的元素修改成新的值，所以，對Array的索引進行賦值會直接修改這個Array：
　　　　var arr = ['A', 'B', 'C'];
　　　　arr[1] = 99;
　　　　arr; // arr如今變爲['A', 99, 'C']
　　注意：若是經過索引賦值時，索引超過了範圍，一樣會引發Array大小的變化：
　　　　var arr = [1, 2, 3];
　　　　arr[5] = 'x';
　　　　arr; // arr變爲[1, 2, 3, undefined, undefined, 'x']

indexOf() 和lastIndexOf()
　　　　這個兩個方法都接收兩個參數，要查找的項和表示查找起點位置的索引，其中indexOf 方法從數組的開頭開始向後查找
　　　　lastIndexOf 方法則從數組的末尾開始向前查找。兩個方法在沒又找到的狀況下返回-1，要求查找的像必須嚴格相等，
　　　　就像使用（===）同樣。
　　　　Array也能夠經過indexOf()來搜索一個指定的元素的位置：
　　　　　　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
　　　　注意:數字30和字符串'30'是不一樣的元素。

slice
　　　　slice()就是對應String的substring() 版本，它截取Array的部分元素，而後返回一個新的Array:
　　　　　　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']
　　　　　　　　注意到slice()的起止參數包括開始索引，不包括結束索引。
　　　若是不給slice()傳遞任何參數，它就會從頭至尾截取全部元素。利用這一點，咱們能夠很容易地複製一個Array：
　　　　　　var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
　　　　　　var aCopy = arr.slice();
　　　　　　aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
　　　　　　aCopy === arr; // false

push 和pop
　　　　push() 向Array 的末尾添加若干元素，pop則把Array 的最後一個元素刪除掉。
　　　　push: 返回修改後數組的長度，pop():返回移除的項。
　　　　　　var arr =[1,2];
　　　　arr.push('A','B') //返回Array 新的長度：4
　　　　　　　　arr: //[1,2,'A','B']
　　　　　　　　arr.pop(); // pop() 返回'B'
　　　　　　　　arr; // [1,2,'A']
　　　　　　　　arr.pop(): arr.pop(); arr.pop()； 連續pop 3 次
　　　　　　　　arr; // []
　　　　　　　　arr.pop()； // 空數組繼續pop 不會報錯，而是返回undefined
　　　　　　　　arr; //[]

unshift 和shift
　　　　若是要往Array 的頭部添加若干元素，使用unshift() 方法，shift() 方法把Array 的第一個元素刪除。
　　　　　　var arr = [1,2];
　　　　　　arr.unshift('A','B'); // 返回Array 新的長度 4
　　　　　　　　arr: // ['A','B',1,2]
　　　　　　arr.shift(); //'A'
　　　　　　　　arr; //['B',1,2]
　　　　　　arr.shift(); arr.shift(); arr.shit(); //連續shift 3 次
　　　　　　　　arr; // []
　　　　　　arr.shift(); // 空數組連續shift不會報錯，而是返回undefined
　　　　　　　　arr;// []

sort 
　　　　sort()能夠對當前Array進行排序，它會直接修改當前Array的元素位置，直接調用時，按照默認順序排序：
　　　　比較的是字符串。
　　　　　　var arr = ['B','C','A'];
　　　　　　arr.sort();
　　　　　　arr; //['A','B','C']
　　　　從小到大排列：(升序)
　　　　　　function compare(value,value){
　　　　　　　　if(value1 < value2){
　　　　　　　　　　　　return -1;
　　　　　　　　}else if(value1 >value2 ){
　　　　　　　　　　return 1;
　　　　　　　　}else{
　　　　　　　　　　return 0;
　　　　　　　　}
　　　　　　}
　　　　var values = [0,1,5,10,15];
　　　　values.sort(compare);
　　　　alert(values) // 0,1,5,10,15
　　從大到小排列(降序)
　　　　function compare(value1,value2){
　　　　　　if(value1 < value2){
　　　　　　　　　　return 1;
　　　　　　　　}else if(value1 > value2){
　　　　　　　　　　return -1;
　　　　　　}else{
　　　　　　　　return 0;
　　　　　　}
　　　　}
　　　　var values = [0,1,5,10,15];
　　　　values.sort(compare);
　　　　alert(values); //15,10,5,1,0

reverse
　　　　reverse() 把整個Array 的元素去掉個個，也是反轉。
　　　　　　var arr = ['one','two','three'];
　　　　　　arr.reverse();
　　　　　　arr; //['three','two','one']

splice
　　　　splice() 方法是修改Array 的萬能方法，主要用途是向數組的中部插入項。
　　　　　　刪除：能夠刪除任意數量的項，只需指定2 個參數。
　　　　　　　　例如：splice(0,2)會刪除數組中的前兩項
　　　　　　插入：能夠向指定位置插入任意數量的項，只需提供3個參數，其實位置，0(要刪除的項數) 和要插入的項，若是
　　　　　　　　插入多個項，能夠在傳入第四，第五，多個。例如：splice(2,0,"red","green")
　　　　　　替換：能夠向指定位置插入任意數量的項。同時刪除任意數量的項，只需指定3個項，起始位置，要刪除的項數，
　　　　　　　　插入的項沒必要要和刪除的項相等，splice(2,1,"red","green")，會刪除數組位置2 的項，而後從2的位置
　　　　　　　　插入字符串"red"和green。
　　　　　　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']

concat
　　　　concat()方法把當前的Array和另外一個Array鏈接起來，並返回一個新的Array：
　　　　　　var arr = ['A', 'B', 'C'];
　　　　　　var added = arr.concat([1, 2, 3]);
　　　　added; // ['A', 'B', 'C', 1, 2, 3]
　　　　arr; // ['A', 'B', 'C']
　　　　注意:concat()方法並無修改當前Array，而是返回了一個新的Array。
　　　　實際上，concat()方法能夠接收任意個元素和Array，而且自動把Array拆開，而後所有添加到新的Array裏：
　　　　　　var arr = ['A', 'B', 'C', 1, 2, 3];
　　　　　　arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]

join 
　　join()方法是一個很是實用的方法，它把當前Array的每一個元素都用指定的字符串鏈接起來，而後返回鏈接後的字符串：
　　　　var arr = ['A', 'B', 'C', 1, 2, 3];
　　arr.join('-'); // 'A-B-C-1-2-3'
　　　　若是Array的元素不是字符串，將自動轉換爲字符串後再鏈接。

多維數組
　　　　若是數組的某個元素又是一個Array，則能夠造成多維數組，例如：
　　　　var arr = [[1, 2, 3], [400, 500, 600], '-'];