天天看點

數組一些常用方法整理

數組的一些常用方法整理

var arr = ['a', 'b', 'c', '1', '2', '3'];
           

push:

在數組的末尾增加一個或多個元素,并傳回數組的新長度

console.log(arr.push('x', 'x' ,'x'))

// 9

arr.push([2])

// [2] 會被當做一項

即:arr[6] 是 [2]

pop:

删除數組的最後一個元素,并傳回這個元素

console.log(arr.pop());

// 3

unshift:

在數組的開頭添加一個或者朵兒元素,并傳回數組新的 length 值

console.log(arr.unshift())

shift:

删除數組的第一個元素, 并傳回這個元素

console.log(arr.shift());

//a

join:

将數組中的所有元素連接配接成一個字元串。

console.log(arr.join());

//a, b, c, 1, 2, 3

concat:

将傳入的數組或非數組值與原數組合并,組成一個新的數組并傳回

console.log(arr.concat(0, 9));

// [‘a’, ‘b’ ,‘c’, ‘1’, ‘2’, ‘3’, 0, 9]

console.log(arr.concat([0, 9]));

// [‘a’, ‘b’ ,‘c’, ‘1’, ‘2’, ‘3’, 0, 9]`

console.log(arr.concat([[9]]));

// [‘a’, ‘b’ ,‘c’, ‘1’, ‘2’, ‘3’, 0, [9]]`

sort:

對數組的元素做原地的排序, 并傳回這個數組。

arr = [2, 0, 1, 6];
console.log(arr.sort()); // [0, 1, 2, 6]
arr.sort(function(a, b)) {
    console.log(a + '-' + b);
    return a - b; // 從小到大
    return a + b ; // 從大到小
}
console.log(arr);
           

slice:

把數組中一部分的錢複制存入一個新數組對象中,并傳回這個新的數組

arr = [{a: 9}];
var ret = arr.slice(0, 1);
console.log(ret); // [{a:9}]
ret[0].a = 10;
console.log(arr[0].a); // 10
           

splice:

用新元素替換舊元素,以此修改數組的内容

參數:

第一個參數: 表示開始位置

第二個參數: 長度

剩餘參數: 要添加到數組中的元素

console.log(arr.splice(3, 3));

// [‘1’, ‘2’, ‘3’]

filter方法:

filter是指可以删除數組中的某一項元素。

var arr = [1,2,3,4,5];
var newArr = arr,filter(function(item){
    if(item == 4) {
        return false;
    } else {
        return true;
    }
})
console.log(newArr);// 1, 2, 3, 5
           

reverse 方法:

reverse() 是指可以颠倒數組中元素的順序

var arr = [1, 2, 3, 4, 5];
arr.reverse();
得到新的數組就是 [5, 4, 3, 2, 1];