數(shù)組常用方法總結(jié)

Karuru 發(fā)布于2019-08-23 17:17 / 1924人閱讀

摘要：不會改變原數(shù)組的方法方法返回一個新的數(shù)組對象，這一對象是一個由和不包括決定的原數(shù)組的淺拷貝。遍歷數(shù)組的方法方法對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)。

不會改變原數(shù)組的方法

slice() 方法返回一個新的數(shù)組對象，這一對象是一個由 begin和 end（不包括end）決定的原數(shù)組的淺拷貝。原始數(shù)組不會被改變。

//語法：
arr.slice();
// [0, end]

arr.slice(begin);
// [begin, end]

arr.slice(begin, end);
// [begin, end)

//示例
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

// fruits contains ["Banana", "Orange", "Lemon", "Apple", "Mango"]
// citrus contains ["Orange","Lemon"]

concat() 方法用于合并兩個或多個數(shù)組。此方法不會更改現(xiàn)有數(shù)組，而是返回一個新數(shù)組。
concat方法創(chuàng)建一個新的數(shù)組，它由被調(diào)用的對象中的元素組成，每個參數(shù)的順序依次是該參數(shù)的元素（如果參數(shù)是數(shù)組）或參數(shù)本身（如果參數(shù)不是數(shù)組）。它不會遞歸到嵌套數(shù)組參數(shù)中。

concat方法不會改變this或任何作為參數(shù)提供的數(shù)組，而是返回一個淺拷貝，它包含與原始數(shù)組相結(jié)合的相同元素的副本。原始數(shù)組的元素將復(fù)制到新數(shù)組中，如下所示：

對象引用（而不是實際對象）：concat將對象引用復(fù)制到新數(shù)組中。原始數(shù)組和新數(shù)組都引用相同的對象。也就是說，如果引用的對象被修改，則更改對于新數(shù)組和原始數(shù)組都是可見的。這包括也是數(shù)組的數(shù)組參數(shù)的元素。
數(shù)據(jù)類型如字符串，數(shù)字和布爾（不是String，Number 和 Boolean 對象）：concat將字符串和數(shù)字的值復(fù)制到新數(shù)組中。

var array1 = ["a", "b", "c"];
var array2 = ["d", "e", "f"];

console.log(array1.concat(array2));
// expected output: Array ["a", "b", "c", "d", "e", "f"]

遍歷數(shù)組的方法

forEach() 方法對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)。

//語法
arr.forEach(callback,thisArg);
// callback
// 為數(shù)組中每個元素執(zhí)行的函數(shù)，該函數(shù)接收三個參數(shù)：
    // 1.currentValue
    // 數(shù)組中正在處理的當(dāng)前元素。
    // 2.index可選
    // 數(shù)組中正在處理的當(dāng)前元素的索引。
    // 3.array可選
    // forEach() 方法正在操作的數(shù)組。
// thisArg可選
// 可選參數(shù)。當(dāng)執(zhí)行回調(diào)函數(shù)時用作 this 的值(參考對象)

// 示例
var array1 = ["a", "b", "c"];
array1.forEach((element) => console.log(element));

改變原數(shù)組的方法

splice() 方法通過刪除或替換現(xiàn)有元素或者原地添加新的元素來修改數(shù)組,并以數(shù)組形式返回被修改的內(nèi)容。此方法會改變原數(shù)組。

// 示例

var myFish = ["angel", "clown", "mandarin", "sturgeon"];
var removed = myFish.splice(2, 0, "drum");

// 運算后的 myFish: ["angel", "clown", "drum", "mandarin", "sturgeon"]
// 被刪除的元素: [], 沒有元素被刪除


var myFish = ["angel", "clown", "drum", "sturgeon"];
var removed = myFish.splice(2, 1, "trumpet");

// 運算后的 myFish: ["angel", "clown", "trumpet", "sturgeon"]
// 被刪除的元素: ["drum"]