js數組去重的方法有哪些

js數組去重的方法有使用Set、使用indexOf、使用includes、使用filter和使用reduce。 1.使用Set，特點是集合中的元素不會重複；2、使用indexOf，可以傳回指定元素在數組中的第一個索引位置；3、使用includes，可以用來判斷一個元素是否已經存在於數組中；4、使用filter，可以用來篩選元素；5、使用reduce，可以將陣列中的元素壓縮等等。

本教學操作環境：windows10系統、JavaScript ES12版本、DELL G3電腦。

在JavaScript程式設計中，我們常常會遇到需要對陣列進行去重操作的情況。去重是指將數組中重複的元素去除，只保留其中的一個。本文將介紹一些常用的JavaScript陣列去重方法，以幫助讀者更好地理解和應用。

方法一：使用Set

ES6中引入的Set物件是一種新的資料結構，它可以幫助我們快速進行陣列去重。 Set物件的特徵是集合中的元素不會重複。我們可以簡單地將數組轉換為Set對象，然後再將Set對象轉換回數組，從而達到去重的目的。

範例程式碼：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法二：使用indexOf

#JavaScript中的陣列物件提供了一個indexOf方法，它可以傳回指定元素在數組中的第一個索引位置。我們可以利用此方法來判斷一個元素是否已經存在於新的陣列中，如果不存在，則將其加進去。

範例程式碼：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (uniqueArr.indexOf(arr[i]) === -1) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法三：使用includes

ES7中引入的includes方法與indexOf方法類似，它可以用來判斷一個元素是否已經存在於陣列中。我們可以利用這個方法來進行陣列去重操作。

範例程式碼：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (!uniqueArr.includes(arr[i])) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法四：使用filter

#JavaScript中的陣列物件提供了一個filter方法，它可以用來篩選元素。我們可以利用這個方法來進行陣列去重操作，只保留第一次出現的元素。

範例程式碼：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.filter((item, index) => {
return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法五：使用reduce

#JavaScript中的陣列物件提供了一個reduce方法，它可以將陣列中的元素“壓縮”為一個單獨的值。我們可以利用這個方法來進行陣列去重操作。

範例程式碼：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.reduce((prev, curr) => {
if (!prev.includes(curr)) {
prev.push(curr);
}
return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

結論：

#本文介紹了JavaScript中常用的陣列去重方法，其中包括使用Set、indexOf、includes 、filter和reduce等方法。讀者可以根據實際情況選擇合適的方法來進行陣列去重操作。在實際開發中，陣列去重是一項非常基礎且常用的操作，掌握了這些方法，可以更有效率地處理數組數據，提升程式的效能和可讀性 。

以上是js數組去重的方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！