Array.prototype.flatMap(callback)

• array.map() 과 같은데 리턴값이 1 depth 벗어난 배열
  • e.g.,
    • arr1.map(aCallbackFunction) => [[1], [2]]
    • arr1.flatMap(aCallbackFunction) => [1, 2]

// 예제 1
let arr1 = ["it's Sunny in", "", "California"];

arr1.map(x=>x.split(" "));
// [["it's","Sunny","in"],[""],["California"]]

arr1.flatMap(x => x.split(" "));
// ["it's","Sunny","in","California"]

// 예제 2
let arr1 = [1, 2, 3, 4];

arr1.map(x => [x * 2]);
// [[2], [4], [6], [8]]

arr1.flatMap(x => [x * 2]);
// [2, 4, 6, 8]

// 한 레벨만 평탄화됨
arr1.flatMap(x => [[x * 2]]);
// [[2], [4], [6], [8]]

참고

• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/flatMap