es6 flat flatMap 平鋪陣列

2021-10-08 20:37:41 字數 1263 閱讀 6563

1.array.prototype.flat()用於將巢狀的陣列「拉平」,變成一維陣列。該方法返回乙個新陣列,對原資料沒有影響

const a =[1

,2,[

5,3]

,['a',

'b']

]cosnt b = a.

flat()

// [1,2,5,3,'a','b']

2.可以傳引數 平鋪幾維陣列 如果不知道是多少層 可以傳infinity

const c =[1

,2,[

'a',

'b',

'c'],[

2,['e'

,'r']]

]const d = c.

flat()

//[1, 2, "a", "b", "c", 2,['e','r']]

const e = c.

flat(3

)// [1, 2, "a", "b", "c", 2, "e", "r"]

const e = c.

flat

(infinity

)// [1, 2, "a", "b", "c", 2, "e", "r"]

3.如果原陣列有空位,flat()方法會跳過空位,但是不過濾undefinednull、以及空字串

const a =[1

,2,[

5,3]

,,['a'

,'b'

],undefined,

null,1

,'',4

] cosnt b = a.

flat()

// [1, 2, 5, 3, "a", "b", undefined, null, 1, "", 4]

4flatmap()方法對原陣列的每個成員執行乙個函式,相當於執行array.prototype.map(),然後對返回值組成的陣列執行flat()方法。該方法返回乙個新陣列,不改變原陣列

[2,

3,4]

.flatmap

((x)

=>

[x, x *2]

)]// [2, 4, 3, 6, 4, 8] 先執行map 再執行 flat

es6之陣列的flat ,flatMap

陣列的成員有時還是陣列,array.prototype.flat 用於將巢狀的陣列 拉平 變成一維陣列。該方法返回乙個新陣列,對原資料沒有影響。1,2,3,4 flat 1,2,3,4 12 上面 中,原陣列的成員裡面有乙個陣列,flat 方法將子陣列的成員取出來,新增在原來的位置。flat 預設只...

es6之陣列的flat ,flatMap

注意 瀏覽器相容問題 陣列的成員有時還是陣列,array.prototype.flat 用於將巢狀的陣列 拉平 變成一維陣列。該方法返回乙個新陣列,對原資料沒有影響。1,2,3,4 flat 1,2,3,4 上面 中,原陣列的成員裡面有乙個陣列,flat 方法將子陣列的成員取出來,新增在原來的位置。...

ES6系列 ES6簡介

2015年6月17日,ecmascript的第六個版本正式發布,該版本正式名稱為ecmascript 2015,但通常被稱為ecmascript 6或者es6。瀏覽器對es6的支援情況 es6主要應用於node.js,如果想用在瀏覽器中,就需要使用轉碼器 將es6 轉成es5 這意味著,可以用es6...