數組知識點

數組的基本方法

1. concat()

該方法用于連接2個或者多個數組。該方法不會改變現有的數 組,而僅僅會返回被連接數組的一個副本。
語法:arrayObject.concat(array1,array2,....arrayx);
連接多個數組,使用逗號隔開;
比如如下代碼演示:

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

2.join()

該方法是把數組中的所有元素放入一個字符串中,元素通過指定的分隔符進行分割的。
語法如下:arrayObject.join(separator);
separator: 指定分隔符對數組中的元素進行分割,如果省略該參數,則會使用逗號作為分隔符。如下代碼演示:

var arrs = [];
arrs[0] = "aa";
arrs[1] = "bb";
arrs[2] = "cc";
console.log(arrs.join()); // aa,bb,cc
console.log(arrs.join("/")); // aa/bb/cc
console.log(arrs.join("-")); // aa-bb-cc

3.pop()

該方法刪除數組的最后一個元素,把數組的長度減1,并且返回它被刪除元素的值,如果數組變為空,則該方法不改變數組,返回undefine值。如下代碼演示:

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

4.push()

該方法是向數組末尾添加一個或者多個元素,并返回新的長度。

基本語法:arrayObject.push(newElem1,newElem2,.....newElemX); 演示代碼如下:

var arrs = [1,2,3];
arrs.push(4); 
console.log(arrs);  // [1,2,3,4]
arrs.push(5,6); 
console.log(arrs);  // [1,2,3,4,5,6]

5.reverse()

該方法用于顛倒數組中元素的順序;
語法如下:arrayObject.reverse();
如下代碼演示:

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

6.shift()

該方法用于把數組的第一個元素從其中刪除,并返回被刪除的值。如果數組是空的,shift方法將不進行任何操作,返回undefined的值。

如下代碼演示:

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

var arrs2 = [];
console.log(arrs2.shift()); // undefined
console.log(arrs2); // []

7.sort()

  1. 該方法是對數組的元素進行排序;sortby參數規定排序順序,且必須是函數。

如果該方法沒有使用參數,則是按字母的字符編碼的順序進行排序。

  1. 如果想按其他標準進行排序,就需要提供比較函數,該函數比較2個值,然后返回一個用于說明這2個值的相對順序的數字,比如比較a與b,返回值如下:

若a小于b,在排序后的數組中a應該出現在b之前,則返回一個小于0的值。

若a等于b,在排序后的數組中 a等于b 則返回0;

若a大于b,則返回一個大于0的值;

比如如下代碼演示:

var arrs = ["tugenhua","longen","alibaba"];
console.log(arrs.sort());   // ["alibaba", "longen", "tugenhua"]

var arrs2 = ["15","5","8","12"];
console.log(arrs2.sort(function(a,b){
    return a - b;  // ["5", "8", "12", "15"]
}));

8.splice()

該方法用于插入,刪除和替換數組的元素;

基本語法如下:

Array.splice(index,howmany,element1,.....elementX);

Index參數:【必填】是從何處添加/刪除元素,該參數是開始插入或刪除數組元素的下標,必須是數字;

Howmany: 【必須】應該刪除多少個元素,必須是數字,也可以是0,如果未設定該參數,則刪除從index開始到原數組結尾的所有元素;

Element1: 【可選】規定要添加到數組的新元素,從index所指的下標處開始插入;

ElementX: 【可選】 可向數組中添加若干個元素;

如下代碼演示:

// 假如原數組如下
var arrs = [1,2,3,4,5,6];
// 先向數組的第二個位置中添加一個元素8;
arrs.splice(1,0,8);
console.log(arrs); // [1, 8, 2, 3, 4, 5, 6]

// 接著從arrs數組中刪除一個元素2
arrs.splice(2,1);
console.log(arrs); // [1, 8, 3, 4, 5, 6]

// 再接著從arrs數組中替換一個元素8 使他變為10;如下代碼:
arrs.splice(1,1,10);
console.log(arrs); // [1, 10, 3, 4, 5, 6]

9.toString()

將數組轉換為一個字符串,并且返回這個字符串;如下代碼演示:

var arrs = [1,2];
console.log(arrs.toString()); // 1,2

10.unshift()

該方法是向數組的開頭添加一個或者更多元素,并返回新的長度。

如下代碼演示:

var arrs = [1,2];
arrs.unshift(3); 
console.log(arrs); //[3, 1, 2]

11.slice()

該方法是從已有的數組中返回指定的元素。

基本語法:arrs.slice(start,end);

start參數【必須】從何處開始選取(包括start),如果是負數,那么會從尾部選取,比如-1代表最后一個元素,-2代表倒數第二個元素,以此類推。

End參數【可選】規定是從何處結束選取(不包括end),如果沒有指定該參數,那么數組會包含從start開始到數組結束的所有元素,如果該參數是負數的話,那么它規定的是從數組尾部開始算起的元素。

如下演示:

var arrs2 = [1,2,3];
console.log(arrs2.slice(1)); // [2,3]
console.log(arrs2.slice(0,1));// [1]
console.log(arrs2.slice(1,-1)); // [2]
console.log(arrs2.slice(2,-1)); // []
console.log(arrs2.slice(0));  // [1,2,3]
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 引用類型 object 一般來說,對象屬性訪問都是點表示法,方括號語法也有自己的獨到之處。例如: 從功能上看,這兩...
    白白白白白甲閱讀 219評論 0 0
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,947評論 18 139
  • 其實很多話想跟你說 總覺得說不完 事到臨頭有講不出二三句 算了 我愛你 講完了
    郭連山閱讀 137評論 0 0
  • 2016年—我與時間賽跑。 16年來了,靜悄悄的來了…而對于我來說它是驚天動地的來了,每 一 步 ,每 ...
    麋鹿Lee閱讀 258評論 0 0
  • 徐云霞聞言冷笑一聲說道 :“這么說四莊主是想強奪在下的溪山行旅圖了,四莊主如此做法何異于土匪強盜?” 丹青生聞言不...
    長白居士閱讀 399評論 0 0