javascript中Array常用方法,以及String的常用方法處理


一、基本概念

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(),返回刪除的元素
 如果你在一個空數組上調用 pop(),它返回  undefined
2.在數組末尾添加一個或多個元素.push(),返回修改后數組長度
3.移除數組第一項.shift(),返回移除的元素
4.在數組頭部添加一個或多個元素.unshift(),返回修改后數組長度
5.對數組元素排序.sort(),返回排序后的數組
6.顛倒數組元素.reverse(),返回顛倒后的數組
7.刪除或插入元素.splice(),返回數組刪除的項,沒有刪除的項,返回空數組

var word = ['a', 'b', 'c', 'd'];
//刪除,前閉后開
var newArr = word.splice(0,2);
console.log(word); //["c", "d"]
console.log(newArr); //["a", "b"]

//插入,當前數組索引1處插入hello
var newArr = word.splice(1,0,'hello');
console.log(word); //["c", "hello", "d"]
console.log(newArr); //[]

//替換
var newArr = word.splice(1,1,'world');
console.log(word); //["c", "world", "d"]
console.log(newArr); //["hello"]

(二)不會改變原數組

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM