解數組去重和數組扁平化的方法有哪些

這篇文章主要介紹“解數組去重和數組扁平化的方法有哪些”，在日常操作中，相信很多人在解數組去重和數組扁平化的方法有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”解數組去重和數組扁平化的方法有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

數組去重

數組去重在面試中是一道基礎題，但仍然可以在其中挖掘許多js知識。

ES6 最常用Set 去重

Set對象是值的集合，你可以按照插入的順序迭代它的元素。 Set中的元素只會出現一次，即 Set 中的元素是唯一的。

function unique(arr) {     return Array.from(new Set(arr)) } let arr = [1, 1, 'true', 'true', true, true, 15, 15]; console.log(unique(arr))// [ 1, 'true', true, 15 ]  let unique2 = arr => [...new Set(arr)]  console.log(unique2(arr));// [ 1, 'true', true, 15 ]

雙重for循環

外層循環元素，內層循環時比較值。

function unique(arr) {     for (var i = 0; i < arr.length; i++) {         for (var j = i + 1; j < arr.length; j++) {             if (arr[i] == arr[j]) {         //第一個等同于第二個，splice方法刪除第二個                 arr.splice(j, 1);                 j--;             }         }     }     return arr; } let arr = [1, 1, 'true', 'true', true, true, 15, 15]; console.log(unique(arr))// [ 1, 'true', true, 15 ]

indexOf或includes去重

當數組內沒有該元素時，indexOf返回-1，則把它push進新數組。

function unique(arr) {     var array = [];     for (var i = 0; i < arr.length; i++) {         if (array .indexOf(arr[i]) === -1) {             array .push(arr[i])         }     }     return array; }

includes() 方法用于判斷字符串是否包含指定的子字符串。如果找到匹配的字符串則返回 true，否則返回 false。

function unique(arr) {     var array = [];     for (var i = 0; i < arr.length; i++) {         if (!array.includes( arr[i]) ) {             array .push(arr[i])         }     }     return array; }

filter去重

原始數組中元素的索引等于當前索引值時返回，否則返回當前元素

function unique(arr) {     var res = arr.filter(function(item, index, array) {         return array.indexOf(item) === index     })     return res }

數組扁平化

數組扁平化是指將一個多維數組變為一維數組。

flat方法

flat()方法創建一個新數組，其中所有子數組元素都以遞歸方式連接到該數組中，直到達到指定的深度為止

const arr1 = [1, 2, [3, 4, [5, 6]]]; arr1.flat(2); // [1, 2, 3, 4, 5, 6]  const arr2 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]]; arr2.flat(Infinity); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

ES6 拓展運算符

es6的擴展運算符能將二維數組變為一維，若arr中含有數組則使用一次擴展運算符，直至沒有為止。

function flatten(arr) {     while (arr.some(item => Array.isArray(item))) {         arr = [].concat(...arr);     }     return arr; }

toString方法+split方法

調用數組的toString方法，將數組變為字符串然后再用split分割還原為數組。split分割后形成的數組的每一項值為字符串，所以需要用一個map方法遍歷數組將其每一項轉換為數值型。

function flatten(arr) {     console.log(arr.toString());// 1,2,3,4,5,6     console.log(arr.toString().split(',')); //[ '1', '2', '3', '4', '5', '6' ]     return arr.toString().split(',').map(function(item) {         return Number(item);     }) }  let ary = [1, [2, [3, [4, 5]]], 6]; console.log(flatten(ary)); // [ 1, 2, 3, 4, 5, 6 ]

使用join方法可以實現和toString方法類似的效果。

遞歸

遞歸的遍歷每一項，當為數組時則繼續，不為數組則concat。

function flatten(arr) {     var result = [];     for (var i = 0, len = arr.length; i < len; i++) {         if (Array.isArray(arr[i])) {             result = result.concat(flatten(arr[i]))         }         else {             result.push(arr[i])         }     }     return result; }

reduce方法實現

reduce方法接收一個函數作為累加器，數組中的每個值(從左到右)開始縮減，最終計算為一個值。

function flatten(arr) {       return arr.reduce((result, item)=> {         return result.concat(Array.isArray(item) ? flatten(item) : item);     }, []); } let ary = [1, [2, [3, [4, 5]]], 6]; console.log(flatten(ary)); // [ 1, 2, 3, 4, 5, 6 ]

到此，關于“解數組去重和數組扁平化的方法有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！