一、基本概念
1、什么是數組
數組就是一組數據的集合
其表現形式就是內存中的一段連續的內存地址
數組名稱其實就是連續內存地址的首地址
2、關於js中的數組特點
數組定義時無需指定數據類型
數組定義時可以無需指定數組長度
數組可以存儲任何數據類型的數據(比如說一個元素保存整型,一個元素保存字符串型,這個在JS中是可以的)
創建數組的語法:
var arr=[值1,值2,值3]; //隱式創建
var arr=new Array(值1,值2,值3); //直接實例化
var array=new Array(size); //創建數組並指定長度
3、關於數組長度
數組對象.length
在js中,每一個數組對象都可以調用length屬性,它表示數組對象下共有幾個數組元素
示例:
1 var row = ['zhangsan','lisi','wangwu']; 2 doucument.write('共有'+row.length+'個人<br>'); 3 4 var length = row.length;//對數組進行遍歷 5 for (var i=0;i<length;i++){ 6 doucument.write(row[i]+'<br>'); 7 }
4、for...in語句
在js中,數組不是數據類型,數組的數據類型其實就是對象
Js中的For.....in語句可以實現對一個對象的所有屬性的遍歷
也可以使用for...in語句實現對一個數組的所有元素的遍歷
語法:
for( var i in array ){
}
原理:數組中有幾個元素,for..in語句就循環執行多少次
每次執行時,將當前數組元素的下標存放到變量i中
1 var row = ['zhangsan','lisi','wangwu','xiaoqiang']; 2 3 for (var i in row){ 4 document.write(i + ':' + row[i] + '<br>'); 5 }
結果:
0:zhangsan
1:lisi
2:wangwu
3:xiaoqiang
5、文本下標
格式:
arr['key'] = value;
在js中,文本下標的數組元素,不計入數組長度
以文本下標形式添加到數組,實際是以屬性形式添加到數組對象中的
1 var arr = [1,2,3]; 2 arr['first'] = 'zhangsan'; 3 arr['second'] = 'lisi'; 4 5 document.write(arr.length + '<br>'); 6 document.write(arr.first + '<br>'); 7 document.write(arr.second + '<br>');
結果:
3
zhangsan
lisi
遍歷帶有文本下標的數組:
1 var arr = [1,2,3]; 2 arr['first'] = 'zhangsan'; 3 arr['second'] = 'lisi'; 4 5 for(var i in arr){ 6 document.write(i + ':' + arr[i] + '<br>'); 7 }
結果:
0:1
1:2
2:3
first:zhangsan
second:lisi
6、多維數組
1 var arr = [ 2 [10,'zhangsan','male'], 3 [11,'lisi','female'], 4 [12,'wangwu','male'] 5 ]; 6 for (var i in arr){ 7 for(var j in arr[i]){ 8 document.write(arr[i][j]); 9 } 10 document.write('<br>'); 11 }
二、常用方法
(一)會改變原數組
1.移除數組末尾最后一項.pop(),返回刪除的元素
2.在數組末尾添加一個或多個元素.push(),返回修改后數組長度
3.移除數組第一項.shift(),返回移除的元素
4.在數組頭部添加一個或多個元素.unshift(),返回修改后數組長度
5.對數組元素排序.sort(),返回排序后的數組
6.顛倒數組元素.reverse(),返回顛倒后的數組
7.刪除或插入元素.splice(),返回數組刪除的項,沒有刪除的項,返回空數組
(二)不會改變原數組
1.合並兩個或多個數組.concat(),返回新數組
2.將數組所有元素連接成一個字符串.join(),返回連接后的字符串
3.截取數組元素到新數組中.slice(),返回新數組
4.獲取查詢元素第一次出現的索引.indexOf(),找不到查詢元素,則返回-1
5.獲取查詢元素最后一次出現的索引.lastIndexOf(),找不到查詢元素,則返回-1
6.toString()返回有數組每個元素的字符串形式拼接而成的以逗號分隔的字符串
7.toLocaleString()返回一個字符串表示數組中的元素
(三) 迭代方法
每個方法接受含有三個參數的函數,三個參數為:數組中的項,元素索引,數組本身
1.every(),數組所有元素都滿足要求則返回true,否則返回false
2.some(),只要有滿足要求的就返回true
3.filter(),返回過濾后的結果數組
4.map(),返回在函數中處理過的數組
5.forEach(),遍歷整個數組
var number = [1,2,3,4,5,6,7,8]; var res = number.every(function(item, index, array) { return (item > 2); }) console.log(res); //false var res = number.some(function(item, index, array) { return (item > 2); }) console.log(res); //true var res = number.filter(function(item, index, array) { return (item > 2); }) console.log(res); //[3, 4, 5, 6, 7, 8] var res = number.map(function(item, index, array) { return (item * 2); }) console.log(res); //[2, 4, 6, 8, 10, 12, 14, 16] var res = number.forEach(function(item, index, array) { //執行某些操作 })
(四) 歸並方法
迭代數組所有項,構建最終返回值,每個方法接受兩個參數:調用的函數和作為歸並基礎的初始值。函數接受4個參數:前一個值,當前值,項索引,數組本身。函數返回的值都會作為第一個參數自動傳給下一項,第一次迭代從數組第二項開始,當前值為數組第二項。
1.reduce(),從數組第一項開始遍歷到最后
2.reduceRight(),從數組最后一項開始遍歷到第一項
/* 開始執行回調函數cur為2,prev為1, 第二次執行回調函數,在之前的基礎上加1 函數返回的值都會作為一個參數傳給下一項, 最后執行函數時就是28+8 */ var number = [1,2,3,4,5,6,7,8]; var res = number.reduce(function(prev, cur, index, array) { return prev + cur; }) console.log(res); //1+2+3+4+5+6+7+8=36 var res = number.reduceRight(function(prev, cur, index, array) { return prev + cur; })
String處理的常用方法總結:
1、charCodeAt方法返回一個整數,代表指定位置字符的Unicode編碼。
strObj.charCodeAt(index)
說明:
index將被處理字符的從零開始計數的編號。有效值為0到字符串長度減1的數字。
如果指定位置沒有字符,將返回NaN。
例如:
var str = "ABC";
str.charCodeAt(0);
結果:65
2、fromCharCode方法從一些Unicode字符串中返回一個字符串。
String.fromCharCode([code1[,code2...]])
說明:
code1,code2...是要轉換為字符串的Unicode字符串序列。如果沒有參數,結果為空字符串。
例如:
String.fromCharCode(65,66,112);
結果:ABp
3、charAt方法返回指定索引位置處的字符。如果超出有效范圍的索引值返回空字符串。
strObj.charAt(index)
說明:
index想得到的字符的基於零的索引。有效值是0與字符串長度減一之間的值。
例如:
var str = "ABC";
str.charAt(1);
結果:B
4、slice方法返回字符串的片段。
strObj.slice(start[,end])
說明:
start下標從0開始的strObj指定部分其實索引。如果start為負,將它作為length+start處理,此處length為字符串的長度。
end小標從0開始的strObj指定部分結束索引。如果end為負,將它作為length+end處理,此處length為字符串的長度。
例如:
012345
var str = "ABCDEF";
str.slice(2,4);
結果:CD
5、substring方法返回位於String對象中指定位置的子字符串。
strObj.substring(start,end)
說明:
start指明子字符串的起始位置,該索引從0開始起算。
end指明子字符串的結束位置,該索引從0開始起算。
substring方法使用start和end兩者中的較小值作為子字符串的起始點。如果start或end為NaN或者為負數,那么將其替換為0。
例如:
012345
var str = "ABCDEF";
str.substring(2,4); // 或 str.substring(4,2);
結果:CD
6、substr方法返回一個從指定位置開始的指定長度的子字符串。
strObj.substr(start[,length])
說明:
start所需的子字符串的起始位置。字符串中的第一個字符的索引為0。
length在返回的子字符串中應包括的字符個數。
例如:
012345
var str = "ABCDEF";
str.substr(2,4);
結果:CDEF
7、indexOf方法放回String對象內第一次出現子字符串位置。如果沒有找到子字符串,則返回-1。
strObj.indexOf(substr[,startIndex])
說明:
substr要在String對象中查找的子字符串。
startIndex該整數值指出在String對象內開始查找的索引。如果省略,則從字符串的開始處查找。
例如:
01234567
var str = "ABCDECDF";
str.indexOf("CD",1); // 由1位置從左向右查找 123...
結果:2
8、lastIndexOf方法返回String對象中字符串最后出現的位置。如果沒有匹配到子字符串,則返回-1。
strObj.lastIndexOf(substr[,startindex])
說明:
substr要在String對象內查找的子字符串。
startindex該整數值指出在String對象內進行查找的開始索引位置。如果省略,則查找從字符串的末尾開始。
例如:
01234567
var str = "ABCDECDF";
str.lastIndexOf("CD",6); // 由6位置從右向左查找 ...456
結果:5
9、search方法返回與正則表達式查找內容匹配的第一個字符串的位置。
strObj.search(reExp)
說明:
reExp包含正則表達式模式和可用標志的正則表達式對象。
例如:
var str = "ABCDECDF";
str.search("CD"); // 或 str.search(/CD/i);
結果:2
10、concat方法返回字符串值,該值包含了兩個或多個提供的字符串的連接。
str.concat([string1[,string2...]])
說明:
string1,string2要和所有其他指定的字符串進行連接的String對象或文字。
例如:
var str = "ABCDEF";
str.concat("ABCDEF","ABC");
結果:ABCDEFABCDEFABC
11、將一個字符串分割為子字符串,然后將結果作為字符串數組返回。
strObj.split([separator[,limit]])
說明:
separator字符串或 正則表達式 對象,它標識了分隔字符串時使用的是一個還是多個字符。如果忽略該選項,返回包含整個字符串的單一元素數組。
limit該值用來限制返回數組中的元素個數。
例如:
var str = "AA BB CC DD EE FF";
alert(str.split(" ",3));
結果:
AA,BB,CC
12、toLowerCase方法返回一個字符串,該字符串中的字母被轉換成小寫。
例如:
var str = "ABCabc";
str.toLowerCase();
結果:abcabc
13、toUpperCase方法返回一個字符串,該字符串中的所有字母都被轉換為大寫字母。
例如:
var str = "ABCabc";
str.toUpperCase();
結果:ABCABC