數組的常用方法有哪些，如何給數組去重（附代碼）

數組是JavaScript的重要組成部分，不管是工作還是求職面試都會涉及數組，比如經典問題：怎麽給數組去重。今天就和大家聊聊，數組的常用方法有哪些，以及多種方式給數組去重。

壹、數組常用方法

slice() 用於提取目標數組的壹部分，返回壹個新數組，原數組不變。

concat() 用於多個數組的合並。它將新數組的成員，添加到原數組成員的後部，然後返回壹個新數組，原數組不變。

reverse() 用於顛倒排列數組元素，返回改變後的數組。註意，該方法將改變原數組。

sort() 對數組成員進行排序，默認是按照字典順序排序。排序後，原數組將被改變。

push() 用於在數組的末端添加壹個或多個元素，並返回添加新元素後的數組長度。註意，該方法會改變原數組。

pop() 用於刪除數組的最後壹個元素，並返回該元素。註意，該方法會改變原數組。

unshift() 用於在數組的第壹個位置添加元素，並返回添加新元素後的數組長度。註意，該方法會改變原數組。

shift() 用於刪除數組的第壹個元素，並返回該元素。註意，該方法會改變原數組。

splice() 用於刪除原數組的壹部分成員，並可以在刪除的位置添加新的數組成員，返回值是被刪除的元素。註意，該方法會改變原數組。

map() 將數組的所有成員依次傳入參數函數，然後把每壹次的執行結果組成壹個新數組返回。

forEach() 與map方法很相似，也是對數組的所有成員依次執行參數函數。但是，forEach方法不返回值，只用來操作數據。

filter() 用於過濾數組成員，滿足條件的成員組成壹個新數組返回。

join() 以指定參數作為分隔符，將所有數組成員連接為壹個字符串返回。如果不提供參數，默認用逗號分隔。

indexOf() 返回給定元素在數組中第壹次出現的位置，如果沒有出現則返回-1。

lastIndexOf() 返回給定元素在數組中最後壹次出現的位置，如果沒有出現則返回-1。

二、多種方式給數組去重

1、利用對象

function unique(arr) { var uniqueArr = [],

len = arr.length for (var i = 0; i < len; i++) {

if (uniqueArr.indexOf(arr[i]) == -1) {

uniqueArr.push(arr[i]) }

} return uniqueArr }

var arr = [1, 2, 3, 1, 5, "1"]

var uniqueArr = unique(arr) console.log(arr)

//[1, 2, 3, 1, 5, "1"] c

onsole.log(uniqueArr) //[ 1, 2, 3, 5, '1' ]2、排序後去重

function unique(arr) {

var uniqueArr = [],

sortArr = arr.concat().sort(),

len = sortArr.length,

prev for (var i = 0; i < len; i++) {

if (!i || prev !== sortArr[i]) {

uniqueArr.push(sortArr[i]) }

prev = sortArr[i] } return uniqueArr

} var arr = [1, 2, 3, 1, 5, "1"]

var uniqueArr = unique(arr) console.log(arr)

//[ 1, 2, 3, 1, 5, '1' ] console.log(uniqueArr) //[ 1, '1', 2, 3, 5 ]3、for循環+indexOf

function unique(arr) {

var uniqueArr = [],

obj = {},

len = arr.length

for (var i = 0; i < len; i++) {

obj[typeof arr[i] + arr[i]] = arr[i] }

for (var i in obj) {

uniqueArr.push(obj[i]) }

console.log(obj)

//{ number1: 1, number2: 2, number3: 3, number5: 5, string1: '1' }

return uniqueArr }

var arr = [1, 2, 3, 1, 5, "1"]

var uniqueArr = unique(arr) console.log(arr)

// [1, 2, 3, 1, 5, "1"] console.log(uniqueArr) //[ 1, 2, 3, 5, '1' ]4、es6實現方法

function unique(arr) {

return Array.from(new Set(arr)) }

var arr = [1, 2, 3, 1, 5, "1"]

var uniqueArr = unique(arr) console.log(arr)

//[ 1, 2, 3, 1, 5, '1' ] console.log(uniqueArr) //[ 1, 2, 3, 5, '1' ]