1. 程式人生 > >JavaScript 數組方法

JavaScript 數組方法

concat array 指定 tor 一個數 稀疏數組 script clas sort

數組方法

  1、Array.join([param]) 方法:將數組中所有的元素都轉換為字符串並連接起來,通過字符 param 連接,默認使用逗號,返回最後生成的字符串

  2、Array.reverse() 方法:將數組中的元素顛倒順序(在原數組中重新排列它們),返回逆序數組

  3、Array.sort([function]) 方法:將數組中的元素按字母表順序排序並返回排序後的數組,可選參數 function 是一個比較函數,它定義了排序的規則

  4、Array.concat([params]) 方法:創建並返回一個新數組,它的元素包含原數組的元素和 params,若 params 裏有一個是數組,則會連接數組的元素,但它不會遞歸扁平化數組的數組

,即如果 params 有一個是多維數組,它連接的是多維數組裏子數組,而不是子數組的元素

  5、Array.slice([beg], [end]) 方法:返回指定數組的一個片段或子數組,範圍是 [beg, end),不會改變原數組,若參數有負數,則表示相對數組末尾的偏移量

  6、Array.splice([index], [size], [params]) 方法:在數組中插入或刪除元素的通用方法,返回刪除的子數組,index 指定插入或刪除位置,size 指定刪除個數,params指定插入的元素,會改變數組,若 params 裏有數組,則插入數組(註意和 concat 的區別)

  7、Array.push(params)

方法:在數組尾部添加一個或多個元素,返回數組新長度

  8、Array.pop() 方法:刪除數組最後一個元素,並返回刪除元素的值

  9、Array.unshift(params) 方法:在頭部添加一個或多個元素(後面的元素會移動到更高索引位置來獲得足夠的空間),並返回數組新的長度,它插入 params 的方法是一次性全部插入,即插入元素順序和它們在列表裏的順序是一樣的

  10、Array.shift() 方法:刪除頭部第一個元素,並返回其值,然後自動移動數組的元素以填補頭部空缺

  11、toString() 和 toLocaleString() 將數組中每個元素轉化為字符串並連接起來,toString() 采用逗號分隔,而 toLocaleString() 則使用本地化分隔符連接這些字符串,輸出不包括方括號或其他任何形式的包裹數組值得分隔符

let arr = [1, 2, 3, 4, 5];

let str = arr.join(" ");
console.log(str);   // 輸出 "1 2 3 4 5"

arr.reverse();
console.log(arr);   // 輸出 [5, 4, 3, 2, 1]

arr.sort(function (a, b) {
    return a-b; // 采用升序排序,若為 b-a 則為降序,排序規則通過該函數設置
});
console.log(arr);   // 輸出 [1, 2, 3, 4, 5]

let arr_t = arr.concat([6, 7, [8, 9], 10]); // 沒有遞歸扁平化數組
console.log(arr_t); // 輸出 [1, 2, 3, 4, 5, 6, 7, [8, 9], 10]

arr_t = arr.slice(0, 3);    // [0, 3) 子數組
console.log(arr_t); // 輸出 [1, 2, 3]

arr_t.splice(0, 0, 4, 5);   // 在下標為 0 處刪除 0 個元素,並插入元素 4 和 5
console.log(arr_t); // 輸出 [4, 5, 1, 2, 3]

let len = arr.push(6, 7);   //在尾部插入元素 6 和 7,返回新長度
console.log("arr: ",arr, "\tlen: ", len);
arr.pop();  arr.pop();  // 把新插入得 2 個元素都 pop 掉,每次只能 pop 一個
console.log(arr);

len = arr.unshift(-1, 0);   // 在頭部一次性插入 2 個元素,註意所插入元素的順序
console.log("arr: ",arr, "\tlen: ", len);
arr.shift();  arr.shift();  // 把新插入得 2 個元素都 shift 掉,每次只能 shift 一個
console.log(arr);

str = arr.toString();
console.log(str);
str = arr.toLocaleString();
console.log(str);

ES5 中的數組方法:

  ES5 定義了 9 個新的數組方法來遍歷、映射、過濾、檢測、簡化和搜索數組,大多數方法的第一個參數接收一個函數,並對每個元素(或一些元素)調用一次該函數,對不存在的元素不調用傳遞該函數(稀疏數組)。一般情況下,該函數 function(val, index, arr) 第一個參數為數組元素,第二個為下標,第三個為數組本身。調用的函數被看作方法的第二個參數(可選)的方法。ES5 中數組的方法都不會改變原數組!

  

  1、forEach() 方法:從頭至尾遍歷數組,為每個元素調用指定的函數,且無法在所有元素都傳遞給調用函數之前終止遍歷。除非在 try 塊裏,並拋出一個異常才能終止

let mul = 1, arr = [1, 2 ,3, 4, 5];
arr.forEach(function (value) {
    mul *= value;   // mul = 1*2*3*4*5
});
/*arr.forEach(function (value, index, array) {
    mul *= array[index];
}); 與上面的等價*/
console.log(mul);

  2、map() 方法:將調用數組的每個元素都傳遞給指定函數,並返回一個新數組,它包含該函數的返回值(註意和 forEach 的區別)。若調用的數組是稀疏數組,則返回的也是稀疏數組

let arr = [1, 2, 3, 4, 5];

let arr_t = arr.map(function (value) {
    return value * 2;    //把 arr 裏的元素都 *2
}); // map() 具有返回值

console.log(arr_t);    //返回 [2, 4, 6, 8, 10]

  

  3、filter() 方法:返回滿足一定條件的調用數組的一個子集,傳遞的函數是用來邏輯判斷的(返回 true 或 false)。同時,該方法會跳過稀疏數組中缺少的元素,即返回的數組總是稠密

let arr = [1, 2, 3, 4, 5];

let arr_t = arr.filter(function (value) {
    return value % 2 == 1;  // 篩選奇數
});

console.log(arr_t);    // 輸出[1, 3, 5]

  

  4、every()some() 方法:對調用數組的每個元素進行判定,返回 true 或 false,every 表示所有元素都滿足條件,而 some 表示有元素滿足條件。它們會盡早終止遍歷,而不是訪問每一個數組元素!

let arr = [1, 2, 3, 4, 5];

let flag = arr.every(function (value) {
    return value > 1;
});
console.log("Every num > 1: ", flag);    // 返回 false

flag = arr.some(function (value) {
    return value > 4;
});
console.log("Some num > 4: ", flag);    // 返回 true

  5、reduce(function, [initVal])reduceRight(function, [initVal]) 方法:使用指定函數將數組元素進行組合,生成單個值,第一個參數是執行簡化操作的函數,而第二個是初始值,若未指定,則以第一個第一個元素(reduce)或最後一個(reduceRight)作為初始值。它使用的函數與 forEach() 不同,數組元素、索引及本身作為第 2~4 個參數傳遞給函數,第一個參數為到目前為止簡化操作積累的結果(起初為初始值,接下來每次操作後的結果都會存儲在第一個參數裏)。reduce() 處理數組從低到高,而 reduceRight() 處理數組從高到低

let arr = [3, 2, 1];

let pow = arr.reduce(function (accumulator, value) {
    return Math.pow(accumulator, value);    // accumulator^value,初始值為 3
});
console.log(pow);   // 輸出 3^2^1

let sum = arr.reduceRight(function (init, value) {
    return init + value;
}, 0);    // 初始值為 0
console.log(sum);   // 輸出 1+2+3,註意順序

  6、indexOf(val, [index])lastIndexOf(val, [index]) 方法:搜索整個數組中和 val 恒等的元素,返回第一個相匹配的元素的索引,如果沒找到則返回 -1,index 指定搜索開始的下標。它不接受一個函數作為參數!!indexOf() 從低往高搜索,而 lastIndexOf() 從高往低。若 index 為負數,則它代表相對數組末尾的偏移量。

let arr = [1, 2, 3, 3, 2, 1];

let res = arr.indexOf(3, 2);    // 從下標為 2 開始搜索與 3 恒等的數,並返回下標
console.log(res);   //輸出 2

res = arr.lastIndexOf(3);
console.log(res);   // 輸出3

JavaScript 數組方法