您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關(guān)怎么解析JavaScript數(shù)組去重和扁平化函數(shù),文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
flat()
方法會按照一個可指定的深度遞歸遍歷數(shù)組,并將所有元素與遍歷到的子數(shù)組中的元素合并為一個新數(shù)組返回
const test = ["a", ["b", "c"], ["d", ["e", ["f"]], "g"]] // flat不傳參數(shù)時,默認扁平化一層 test.flat() // ["a", "b", "c", "d", ["e", ["f"]], "g"] // flat傳入一個整數(shù)參數(shù),整數(shù)即扁平化的層數(shù) test.flat(2) // ["a", "b", "c", "d", "e", ["f"], "g"] // Infinity 關(guān)鍵字作為參數(shù)時,無論多少層嵌套,都會轉(zhuǎn)為一維數(shù)組 test.flat(Infinity) // ["a", "b", "c", "d", "e", "f", "g"] // 傳入 <=0 的整數(shù)將返回原數(shù)組,不扁平化 test.flat(0) test.flat(-1) // ["a", ["b", "c"], ["d", ["e", ["f"]], "g"]] // 如果原數(shù)組有空位,flat()方法會跳過空位。 ["a", "b", "c", "d",,].flat() // ["a", "b", "c", "d"]
一次性扁平化所有
function flattenDeep(arr) { return Array.isArray(arr) ? arr.reduce( (acc, cur) => [...acc, ...flattenDeep(cur)] , []) : [arr] } // 測試 var test = ["a", ["b", "c"], ["d", ["e", ["f"]], "g"]] flattenDeep(test) // ["a", "b", "c", "d", "e", "f", "g"]
實現(xiàn) flat 函數(shù):
function flat(arr, depth = 1) { return depth > 0 ? arr.reduce((acc, cur) => { if(Array.isArray(cur)) { return [...acc, ...flat(cur, depth-1)] } return [...acc, cur] } , []) : arr } // 測試 var test = ["a", ["b", "c"], ["d", ["e", ["f"]], "g"]] // 不傳參數(shù)時,默認扁平化一層 flat(test) // ["a", "b", "c", "d", ["e", ["f"]], "g"] // 傳入一個整數(shù)參數(shù),整數(shù)即扁平化的層數(shù) flat(test, 2) // ["a", "b", "c", "d", "e", ["f"], "g"] // Infinity 關(guān)鍵字作為參數(shù)時,無論多少層嵌套,都會轉(zhuǎn)為一維數(shù)組 flat(test, Infinity) // ["a", "b", "c", "d", "e", "f", "g"] // 傳入 <=0 的整數(shù)將返回原數(shù)組,不扁平化 flat(test, 0) flat(test, -10) // ["a", ["b", "c"], ["d", ["e", ["f"]], "g"]]; // 如果原數(shù)組有空位,flat()方法會跳過空位。 var arr = ["a", "b", "c", "d",,] flat(arr) // ["a", "b", "c", "d"]
一次性降維所有
function flattenDeep(arr) { const result = [] // 將數(shù)組元素拷貝至棧,直接賦值會改變原數(shù)組 const stack = [...arr] // 如果棧不為空,則循環(huán)遍歷 while (stack.length !== 0) { const val = stack.pop() if (Array.isArray(val)) { // 如果是數(shù)組再次入棧,并且展開了一層 stack.push(...val) } else { // 如果不是數(shù)組,就用頭插法插入到結(jié)果數(shù)組中 result.unshift(val) } } return result } // 測試 var test = ["a", ["b", "c"], ["d", ["e", ["f"]], "g"]] flattenDeep(animals) // ["a", "b", "c", "d", "e", "f", "g"]
function unique(arr) { return Array.from(new Set(arr)) } // 或者 var unique = arr => [...new Set(arr)] // 測試 var arr = [1, 2, 2, 3] unique(arr); // [1, 2, 3]
function unique (arr) { return arr.sort().reduce((acc, cur) => { if (acc.length === 0 || acc[acc.length - 1] !== cur) { acc.push(cur); } return acc }, [])} ; // 測試 var arr = [1, 2, 2, 3] unique(arr); // [1, 2, 3]
function unique(arr) { return arr.filter( (element, index, array) => { return array.indexOf(element) === index }) } // 測試 var arr = [1, 2, 2, 3] unique(arr); // [1, 2, 3]
關(guān)于怎么解析JavaScript數(shù)組去重和扁平化函數(shù)就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。