JavaScript零基礎入門——（八）JavaScript的數組

JavaScript零基礎入門——（八）JavaScript的數組

歡迎你們回到咱們的JavaScript零基礎入門，上一節課咱們講了有關JavaScript正則表達式的相關知識點，便於你們更好的對字符串進行處理。這一節課，咱們來說一講，JavaScript的數組。

以前咱們有講過，數組是用方括號包裹起來的一種存放數據的類型。但其實呢，數組在JS中是做爲一種對象（即Array對象）存在，既然是對象，就會有它的屬性和方法，至於爲何必定會有，咱們後邊的課再講。

首先，咱們來講一下數組的定義。通常來講，數組的定義有兩種，一種是咱們常見的用方括號來告訴程序，我是一個數組，具體表現爲var arr = []；而另外一種呢是比較標準的寫法，即經過new Array來實現。一般狀況下，咱們的每個數組，只存一種類型的變量。咱們來看看代碼：

var arr1 = [12,5,8];

var arr2 = new Array(12,5,8);

剛剛說了，做爲Array對象，就必定有它的屬性。Array的屬性有很多，但咱們經常使用的基本上只有一個，那就是length，即數組長度，這是一個可set可get的屬性，也就是說咱們能夠取到它的值，也能夠給他賦值，而賦值咱們經常用於清空數組。來看代碼：

var arr = [12,5,8,33];

console.log(arr.length);//4

arr.length = 0;

console.log(arr);//空的

說完屬性，咱們來講方法。JS數組的方法其實有不少，其中最經常使用的是五類數組操做方法，咱們分別來看一下。

• 添加元素

1. push(item)——從尾部加一個數組元素；
2. unshift(item)——從頭部加一個數組元素；

• 刪除元素

1. pop()——從尾部彈出一個元素；
2. shift()——從頭部彈出一個元素；

var arr = [12,5,8];

arr.push(33);

console.log(arr);//[12,5,8,33]

arr.unshift(1);

console.log(arr);//[1,12,5,8,33]

arr.pop();

console.log(arr);//[1,12,5,8]

arr.shift();

console.log(arr);//[12,5,8]

• 排序

1. sort([比較函數])，若是不傳比較函數，默認只按字符串排序；

var arr = [12,99,65,8,24,16];

arr.sort(function(n1,n2){
    if(n1>n2){
        return 1;
    }else if(n1==n2){
        return 0;
    }else{
        return -1;
    }
});

arr.sort(function(n1,n2){
    return n1-n2;
});

• 轉換

1. concat——兩個數組鏈接；
2. join(鏈接符)——將元素用鏈接符鏈接後返回字符串；

var arr = [12, 5, 8];

var arr2 = [6, 2, 3];

arr = arr.concat(arr2);

console.log(arr); //[12,5,8,6,2,3]

arr = arr.join('/')

console.log(arr); //12/5/8/6/2/3

• 萬能的splice

1. 插入——splice(startIndex,0,item1,item2..);
2. 刪除——splice(startIndex,deleteLength);
3. 先刪後插入——splice(startIndex,deleteLength,item1,item2...);

var arr = [12, 5, 8];

arr.splice(1,0,16);

console.log(arr); //[12,16,5,8]

arr.splice(2,1);

console.log(arr); //[12,16,8]

arr.splice(1,1,10,18);

console.log(arr); //[12,10,18,8]

好了，這節課簡單的瞭解了JavaScript的數組，但願你們本身敲一敲。下一節課，咱們來說一講JavaScript中的函數。

                                                                                                       

若是想跟着振丹繼續學習，能夠微信關注【振丹敲代碼】（微信號：JandenCoding）

新博文微信同步推送，還附有講解視頻哦~

也可直接掃描下方二維碼關注。