數組

//創(chuàng)建數組第一種

    var arr1 = new Array(); //創(chuàng)建一個空數組
    var arr2 = new Array(20); // 創(chuàng)建一個包含20項的數組
    var arr3 = new Array("lily","lucy","Tom"); // 創(chuàng)建一個包含3個字符串的數組

//創(chuàng)建數組的第二種

    var arr4 = []; //創(chuàng)建一個空數組
    var arr5 = [20]; // 創(chuàng)建一個包含1項的數組
    var arr6 = ["lily","lucy","Tom"]; // 創(chuàng)建一個包含3個字符串的數組

//數組的length屬性是可以修改的

    var arr = ["lily","lucy","Tom"]; // 創(chuàng)建一個包含3個字符串的數組
    arr[arr.length] = "sean"; //在下標為3處(也就是數組尾部)添加一項"sean"
    arr.length = arr.length-1; //將數組的最后一項刪除

//數組原型的方法
1、join()
join(separator): 將數組的元素組起一個字符串,以separator為分隔符,省略的話則用默認用逗號為分隔符,該方法只接收一個參數:即分隔符。

    var arr = [1,2,3];
    console.log(arr.join()); // 1,2,3
    console.log(arr.join("-")); // 1-2-3
    console.log(arr); // [1, 2, 3](原數組不變)

通過join()方法可以實現重復字符串,只需傳入字符串以及重復的次數,就能返回重復后的字符串,函數如下:

    function repeatString(str, n) {
        return new Array(n + 1).join(str);
    }
    console.log(repeatString("abc", 3)); // abcabcabc
    console.log(repeatString("Hi", 5)); // HiHiHiHiHi

2、push()和pop()
push(): 可以接收任意數量的參數,把它們逐個添加到數組末尾,并返回修改后數組的長度。
pop():數組末尾移除最后一項,減少數組的 length 值,然后返回移除的項。

    var arr = ["Lily","lucy","Tom"];
    var count = arr.push("Jack","Sean");
    console.log(count); // 5
    console.log(arr); // ["Lily", "lucy", "Tom", "Jack", "Sean"]
    var item = arr.pop();
    console.log(item); // Sean
    console.log(arr); // ["Lily", "lucy", "Tom", "Jack"]

3、shift() 和 unshift()
shift():刪除原數組第一項,并返回刪除元素的值;如果數組為空則返回undefined 。
unshift:將參數添加到原數組開頭,并返回數組的長度 。
這組方法和上面的push()和pop()方法正好對應,一個是操作數組的開頭,一個是操作數組的結尾。

    var arr = ["Lily","lucy","Tom"];
    var count = arr.unshift("Jack","Sean");
    console.log(count); // 5
    console.log(arr); //["Jack", "Sean", "Lily", "lucy", "Tom"]
    var item = arr.shift();
    console.log(item); // Jack
    console.log(arr); // ["Sean", "Lily", "lucy", "Tom"]

4、sort()
sort():按升序排列數組項——即最小的值位于最前面,最大的值排在最后面。
在排序時,sort()方法會調用每個數組項的 toString()轉型方法,然后比較得到的字符串,以確定如何排序。即使數組中的每一項都是數值, sort()方法比較的也是字符串,因此會出現以下的這種情況

    var arr1 = ["a", "d", "c", "b"];
    console.log(arr1.sort()); // ["a", "b", "c", "d"]
    arr2 = [13, 24, 51, 3];
    console.log(arr2.sort()); // [13, 24, 3, 51]
    console.log(arr2); // [13, 24, 3, 51](元數組被改變)

5、reverse()
reverse():反轉數組項的順序。

    var arr = [13, 24, 51, 3];
    console.log(arr.reverse()); //[3, 51, 24, 13]
    console.log(arr); //[3, 51, 24, 13](原數組改變)

6、concat()
concat() :將參數添加到原數組中。這個方法會先創(chuàng)建當前數組一個副本,然后將接收到的參數添加到這個副本的末尾,最后返回新構建的數組。在沒有給 concat()方法傳遞參數的情況下,它只是復制當前數組并返回副本。

    var arr = [1,3,5,7];
    var arrCopy = arr.concat(9,[11,13],12);
    console.log(arrCopy); //[1, 3, 5, 7, 9, 11, 13]
    console.log(arr); // [1, 3, 5, 7](原數組未被修改)
    // 如果參數是2維數組
    var arrCopy2 = arr.concat([9,[11,13]]);
    console.log(arrCopy2); //[1, 3, 5, 7, 9, Array[2]]
    console.log(arrCopy2[5]); //[11, 13]

7、slice() 左閉右開
slice():返回從原數組中指定開始下標到結束下標之間的項組成的新數組。slice()方法可以接受一或兩個參數,即要返回項的起始和結束位置。在只有一個參數的情況下,
slice()方法返回從該參數指定位置開始到當前數組末尾的所有項。如果有兩個參數,該方法返回起始和結束位置之間的項——但不包括結束位置的項。

    var arr = [1,3,5,7,9,11];
    var arrCopy = arr.slice(1);
    var arrCopy2 = arr.slice(1,4);
    var arrCopy3 = arr.slice(1,-2);
    var arrCopy4 = arr.slice(-4,-1);
    console.log(arr); //[1, 3, 5, 7, 9, 11](原數組沒變)
    console.log(arrCopy); //[3, 5, 7, 9, 11]
    console.log(arrCopy2); //[3, 5, 7]
    console.log(arrCopy3); //[3, 5, 7]
    console.log(arrCopy4); //[5, 7, 9]

8、splice() 左閉右開
splice():很強大的數組方法,它有很多種用法,可以實現刪除、插入和替換。
刪除:可以刪除任意數量的項,只需指定 2 個參數:要刪除的第一項的位置和要刪除的項數。例如, splice(0,2)會刪除數組中的前兩項。
插入:可以向指定位置插入任意數量的項,只需提供 3 個參數:起始位置、 0(要刪除的項數)和要插入的項。例如,splice(2,0,4,6)會從當前數組的位置 2 開始插入4和6。
替換:可以向指定位置插入任意數量的項,且同時刪除任意數量的項,只需指定 3 個參數:起始位置、要刪除的項數和要插入的任意數量的項。插入的項數不必與刪除的項數相等。
例如,splice (2,1,4,6)會刪除當前數組位置 2 的項,然后再從位置 2 開始插入4和6。
splice()方法始終都會返回一個數組,該數組中包含從原始數組中刪除的項,如果沒有刪除任何項,則返回一個空數組。

    var arr = [1,3,5,7,9,11];
    var arrRemoved = arr.splice(0,2);
    console.log(arr); //[5, 7, 9, 11]
    console.log(arrRemoved); //[1, 3]
    var arrRemoved2 = arr.splice(2,1,4,6);
    console.log(arr); // [5, 7, 4, 6, 9, 11]
    console.log(arrRemoved2); // []
    var arrRemoved3 = arr.splice(1,1,2,4);
    console.log(arr); // [5, 2, 4, 4, 6, 9, 11]
    console.log(arrRemoved3); //[7]

9、indexOf()和 lastIndexOf()
indexOf():接收兩個參數:要查找的項和(可選的)表示查找起點位置的索引。其中, 從數組的開頭(位置 0)開始向后查找。
lastIndexOf:接收兩個參數:要查找的項和(可選的)表示查找起點位置的索引。其中, 從數組的末尾開始向前查找。
這兩個方法都返回要查找的項在數組中的位置,或者在沒找到的情況下返回-1。在比較第一個參數與數組中的每一項時,會使用全等操作符。

var arr = [1,3,5,7,7,5,3,1];
console.log(arr.indexOf(5)); //2
console.log(arr.lastIndexOf(5)); //5
console.log(arr.indexOf(5,6)); //2 第二個參數表示從第幾位開始查
console.log(arr.lastIndexOf(5,4)); //2
console.log(arr.indexOf("5")); //-1

10、forEach()
forEach():對數組進行遍歷循環(huán),對數組中的每一項運行給定函數。
這個方法沒有返回值。參數都是function類型,默認有傳參,
參數分別為:遍歷的數組內容;第對應的數組索引,數組本身。

var arr = [1, 2, 3, 4, 5];
arr.forEach(function(x, index, a){
    console.log(x + '|' + index + '|' + (a === arr));
});
 輸出為:
 1|0|true
 2|1|true
 3|2|true
 4|3|true
 5|4|true

11、map()
map():指“映射”,對數組中的每一項運行給定函數,返回每次函數調用的結果組成的數組。
下面代碼利用map方法實現數組中每個數求平方。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(item){
    return item*item;
});
console.log(arr2); //[1, 4, 9, 16, 25]

12、filter()
filter():“過濾”功能,數組中的每一項運行給定函數,返回滿足過濾條件組成的數組。

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr2 = arr.filter(function(x, index) {
    return index % 3 === 0 || x >= 8;
});
console.log(arr2); //[1, 4, 7, 8, 9, 10]

13、every()
every():判斷數組中每一項都是否滿足條件,只有所有項都滿足條件,才會返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.every(function(x) {
    return x < 10;
});
console.log(arr2); //true
var arr3 = arr.every(function(x) {
    return x < 3;
});
console.log(arr3); // false

14、some()
some():判斷數組中是否存在滿足條件的項,只要有一項滿足條件,就會返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(function(x) {
    return x < 3;
});
console.log(arr2); //true
var arr3 = arr.some(function(x) {
    return x < 1;
});
console.log(arr3); // false
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 由于最近都在freecodecamp上刷代碼,運用了很多JavaScript數組的方法,因此做了一份關于JavaS...
    2bc5f46e925b閱讀 2,172評論 0 16
  • 數組是值的有序集合。每個值叫做一個元素,而每個元素在數組中有一個位置,以數字表示,稱為索引。 JavaScript...
    劼哥stone閱讀 1,244評論 6 20
  • 本文總結了數組所有的方法。 1. 檢測對象是不是數組 instanceof操作符 Array.isArray()方...
    胡不歸vac閱讀 749評論 0 1
  • 以下藍色字并無鏈接,只為醒目,只為醒目,只為醒目!更多示例<----只有這個是真鏈接 ECMAScript中的數組...
    _Dot912閱讀 611評論 1 3
  • 最近看完了《JavaScript高級程序設計》這本書的數組類型的數據結構部分,在這里簡單總結我所學到的知識。 一、...
    whiteMu閱讀 520評論 0 3

友情鏈接更多精彩內容