jsFilter是否會改變原數組

一、引言

JavaScript中，filter()方法是非常常見的數組方法之一。它允許我們從原數組中創建一個新的數組，新數組中只包含符合條件的元素。但是，很多剛學習JavaScript的開發者會對這個方法有一個疑問：filter()是否會改變原數組？在本文中，我們將對此問題進行詳細的探討。

二、方法介紹

在我們深入探討filter()方法是否會改變原數組之前，讓我們首先來了解一下這個方法的用法和語法。

const newArray = array.filter(function(element, index, array) {
  return condition;
});

filter()方法接受一個回調函數，該函數有三個參數：當前操作的元素、該元素在數組中的索引以及數組本身。該方法將調用回調函數中的每個元素，並將元素傳遞給一個新的數組作為返回值。回調函數的返回值應該是一個返回值為真或假的條件。

三、jsFilter是否會改變原數組？

1.不改變原數組

首先，讓我們來看一個簡單的例子，以驗證是否能證明filter()方法不改變原數組。

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

let oddNumbers = numbers.filter(function(number) {
  return number % 2 !== 0;
});

console.log(oddNumbers);// [1, 3, 5]
console.log(numbers); // [1, 2, 3, 4, 5]

在這個例子中，我們首先定義了一個包含一些整數的數組numbers，並使用filter()方法創建了一個新的數組oddNumbers。通過查看控制台輸出，可以看出原數組numbers的值沒有改變，而oddNumbers包含了從原數組中刪除的偶數數值。

2.改變原數組

然而，filter()方法作用於原始數組是有可能改變它的。下面，我們來看看一個例子：

let languages = ['JavaScript', 'Python', 'Ruby', 'PHP'];

languages.filter(function(language, index, array) {
  if (language === 'Ruby') {
    array.splice(index, 1);
  }
});

console.log(languages); // ['JavaScript', 'Python', 'PHP']

如你所見，在這個例子中，我們遍歷原數組，並使用if語句來判斷值是否是要刪除的值，如果是，就使用splice()方法來刪除它。最後，我們打印出變更後的數組。

在這個例子中，原數組languages實際上已被改變—它已經不包含’Ruby’了。在這個例子中，我們在filter()回調函數中使用了splice()方法，splice()會改變原數組。

四、補充說明

需要注意的是，儘管在上面的例子中我們已經證明filter()方法可以改變原數組，但這不是filter方法可以改變原數組的唯一情況。

除了使用splice()方法可改變原數組之外，filter()方法本身也是有可能在某些情況下改變原數組的。例如：

let letters = ['a', 'b', 'c', 'd'];

letters = letters.filter(function(letter) {
  return letter !== 'a';
});

console.log(letters); // ['b', 'c', 'd']

在這個例子中，我們定義了一個變量letters，並使用filter()方法創建了一個新數組。然後，我們將letters變量賦值為新數組，從而改變了原數組。這是因為在這個例子中，我們沒有使用任何的方法來改變原數組，而是直接將新數組賦值給了原數組。

五、結論

綜上所述，我們可以得出結論：當我們只使用filter()方法來篩選數組時，它不會改變原數組。但是，如果在回調函數中使用改變原數組的方法（如splice()），或者將filter()方法的返回結果賦值給原數組本身，它就有可能改變原數組。

開發者應該注意這一點，並根據自己的需求來判斷是否要改變原始數組。如果要改變原數組，我們應該用其他方法，如forEach()