JavaScript中操作數組的常用函數匯總

beita 發布于2019-08-20 14:45 / 2529人閱讀

摘要：示例語法作用方法用于刪除并返回數組的最后一個元素。返回值一個新的字符串，該字符串值包含的一個子字符串，其內容是從處到處的所有字符，其長度為減。返回值一個新的字符串，包含從的包括所指的字符處開始的個字符。

1.concat()
語法：arrayObject.concat(array1,array2,......,arrayn)
作用：concat() 方法用于連接兩個或多個數組。
特征：該方法不會改變現有的數組，而僅僅會返回被連接數組的一個副本。
示例：

    var arr1 = [1,2,3];
    var arr2 = [4,5];
    var arr3 = arr1.concat(arr2);
    console.log(arr1); //[1, 2, 3]
    console.log(arr3); //[1, 2, 3, 4, 5]

2.push()
語法：arrayObject.push(newelement1,newelement2,....,newelementX)
作用：push() 方法可向數組的末尾添加一個或多個元素，并返回新的長度。
特征：末尾添加，返回的是長度，會改變原數組。
示例：

var a = [2,3,4];
var b = a.push(5);
console.log(a);  //[2,3,4,5]
console.log(b);  //4

push方法可以一次添加多個元素push(data1,data2....)

3.join()
語法：arrayObject.join(separator)
作用：join() 方法用于把數組中的所有元素放入一個字符串。元素是通過指定的分隔符進行分隔的。
特征：默認使用","號分割，不改變原數組。
示例：

var arr = [2,3,4];
console.log(arr.join());  //2,3,4
console.log(arr);  //[2, 3, 4]

4.pop()
語法：arrayObject.pop()
作用：pop() 方法用于刪除并返回數組的最后一個元素。
特征：返回最后一個元素，會改變原數組。
示例：

var arr = [2,3,4];
console.log(arr.pop()); //4
console.log(arr);  //[2,3]

5.reverse()
語法：arrayObject.reverse()
作用：reverse() 方法用于顛倒數組中元素的順序。
特征：返回的是顛倒后的數組，會改變原數組。
示例：

var arr = [2,3,4];
console.log(arr.reverse()); //[4, 3, 2]
console.log(arr);  //[4, 3, 2]

6.shift()
語法：arrayObject.shift()
作用：shift() 方法用于把數組的第一個元素從其中刪除，并返回第一個元素的值。
特征：返回第一個元素，改變原數組。
示例：

var arr = [2,3,4];
console.log(arr.shift()); //2
console.log(arr);  //[3,4]

7.unshift()
語法：arrayObject.unshift(newelement1,newelement2,....,newelementn)
作用：unshift() 方法可向數組的開頭添加一個或更多元素，并返回新的長度。
特征：返回新長度，改變原數組。
示例：

var arr = [2,3,4,5];
console.log(arr.unshift(3,6)); //6
console.log(arr); //[3, 6, 2, 3, 4, 5]

tip:該方法可以不傳參數,不傳參數就是不增加元素。

8.slice()
語法：arrayObject.slice(start,end)
作用：返回一個新的數組，包含從 start 到 end （不包括該元素）的 arrayObject 中的元素。
特征：返回選定的元素，該方法不會修改原數組。
示例：

var arr = [2,3,4,5];
console.log(arr.slice(1,3));  //[3,4]
console.log(arr);  //[2,3,4,5]

9.splice()
語法：arrayObject.splice(index,howmany,item1,.....,itemX)
作用：splice() 方法可刪除從 index 處開始的零個或多個元素，并且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。如果從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數組。
特征：splice() 方法會直接對數組進行修改。
示例：

var a = [5,6,7,8];
console.log(a.splice(1,0,9)); //[]
console.log(a);  // [5, 9, 6, 7, 8]
var b = [5,6,7,8];
console.log(b.splice(1,2,3));  //[6, 7]
console.log(b); //[5, 3, 8]

10.substring()
語法:stringObject.substring(start,stop)
作用:substring() 方法用于提取字符串中介于兩個指定下標之間的字符。
返回值:一個新的字符串，該字符串值包含 stringObject 的一個子字符串，其內容是從 start 處到 stop-1 處的所有字符，其長度為 stop 減 start。
substring() 方法返回的子串包括 start 處的字符，但不包括 stop 處的字符。

如果參數 start 與 stop 相等，那么該方法返回的就是一個空串（即長度為 0 的字符串）。如果 start 比 stop 大，那么該方法在提取子串之前會先交換這兩個參數。
與 slice() 和 substr() 方法不同的是，substring() 不接受負的參數。

11.substr()
語法:stringObject.substr(start,length)
作用:substr() 方法可在字符串中抽取從 start 下標開始的指定數目的字符。
返回值:一個新的字符串，包含從 stringObject 的 start（包括 start 所指的字符）處開始的 length 個字符。如果沒有指定 length，那么返回的字符串包含從 start 到 stringObject 的結尾的字符。

GPU云服務器云服務器 php操作數組的函數 javascript常用函數 javascript數組函數 16種常用的數據分析方法匯總

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81887.html

JavaScript數組——常用數組方法匯總

摘要：本文記錄關于數組的一些常用方法，搜集總結。對于數組中的每個元素，都會調用函數一次。返回值是一個新數組，其中的每個元素均為關聯的原始數組元素的回調函數返回值。本文記錄關于js數組的一些常用方法，搜集總結。主要思路： 1. 方法功能是什么 2. 傳遞的參數是什么 3. 返回值是什么 4. 原來的數組是否改變第一組：關于數組的增加、刪除和修改 1.push 向數組末尾增加新的...

HollisChuang 2019-08-21 10:33 評論0 收藏0
前端實習面試匯總

摘要：題目來源前端實習生面試總結最近開始了幾次面試，雖然還不知道結果如何，但是還是要記錄下來進行一個總結，同樣也希望對正在準備面實習生的童鞋們有所幫助最后一個參數是做什么用的答規定事件是冒泡還是捕獲。最近一直在多看基礎的書多碼代碼準備找實習，在網上也搜羅了不少面經，現在把搜羅到的實習生面試題自己整理一下。題目來源：前端實習生面試總結最近開始了幾次面試，雖然還不知道結果如何，但是還是要記錄...

張利勇 2019-08-29 11:17 評論0 收藏0
前端實習面試匯總

摘要：題目來源前端實習生面試總結最近開始了幾次面試，雖然還不知道結果如何，但是還是要記錄下來進行一個總結，同樣也希望對正在準備面實習生的童鞋們有所幫助最后一個參數是做什么用的答規定事件是冒泡還是捕獲。最近一直在多看基礎的書多碼代碼準備找實習，在網上也搜羅了不少面經，現在把搜羅到的實習生面試題自己整理一下。題目來源：前端實習生面試總結最近開始了幾次面試，雖然還不知道結果如何，但是還是要記錄...

wangzy2019 2019-08-01 15:43 評論0 收藏0
前端實習面試匯總

摘要：題目來源前端實習生面試總結最近開始了幾次面試，雖然還不知道結果如何，但是還是要記錄下來進行一個總結，同樣也希望對正在準備面實習生的童鞋們有所幫助最后一個參數是做什么用的答規定事件是冒泡還是捕獲。最近一直在多看基礎的書多碼代碼準備找實習，在網上也搜羅了不少面經，現在把搜羅到的實習生面試題自己整理一下。題目來源：前端實習生面試總結最近開始了幾次面試，雖然還不知道結果如何，但是還是要記錄...

NicolasHe 2019-08-22 10:37 評論0 收藏0