JavaScript中數(shù)組扁平化的方法有哪些

發(fā)布時(shí)間：2022-03-24 15:06:55 來(lái)源：億速云閱讀：133 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript中數(shù)組扁平化的方法有哪些，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

數(shù)組扁平化

數(shù)組扁平化是指將一個(gè)多維數(shù)組變?yōu)橐粋€(gè)一維數(shù)組

const arr = [1, [2, [3, [4, 5]]], 6];
// => [1, 2, 3, 4, 5, 6]

方法一：使用flat()

const res1 = arr.flat(Infinity);

方法二：利用正則

const res2 = JSON.stringify(arr).replace(/\[|\]/g, '').split(',');

但數(shù)據(jù)類型都會(huì)變?yōu)樽址?/p>

方法三：正則改良版本

const res3 = JSON.parse('[' + JSON.stringify(arr).replace(/\[|\]/g, '') + ']');

方法四：使用reduce

const flatten = arr => {
  return arr.reduce((pre, cur) => {
    return pre.concat(Array.isArray(cur) ? flatten(cur) : cur);
  }, [])
}
const res4 = flatten(arr);

方法五：函數(shù)遞歸

const res5 = [];
const fn = arr => {
  for (let i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      fn(arr[i]);
    } else {
      res5.push(arr[i]);
    }
  }
}
fn(arr);

關(guān)于“JavaScript中數(shù)組扁平化的方法有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

JavaScript中數(shù)組扁平化的方法有哪些

數(shù)組扁平化

方法一：使用flat()

方法二：利用正則

方法三：正則改良版本

方法四：使用reduce

方法五：函數(shù)遞歸

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽