JavaScriptで配列をフラット化します。

ネストされた配列を受け取り、ネストせずに配列に存在するすべての要素を含む配列を返すJavaScript配列関数を作成する必要があります。

例-

//if the input is:
const arr = [[1, 2, 3], [4, 5], [6]];
//then the output should be:
const output = [1, 2, 3, 4, 5, 6];

したがって、この関数のコードを書いてみましょう-

方法1：再帰を使用する

ここでは、元のネストされた配列をループし、ネストされた要素要素を新しい配列に再帰的にプッシュします。

例

const arr = [[1, 2, 3], [4, 5], [6]];
const flatten = function(){
   let res = [];
   for(let i = 0; i < this.length; i++){
      if(Array.isArray(this[i])){
         res.push(...this[i].flatten());
      } else {
         res.push(this[i]);
      };
   };
   return res;
};
Array.prototype.flatten = flatten;
console.log(arr.flatten());

方法2：Arrray.prototype.reduce（）を使用する

ここでは、reduce（）メソッドを使用して、次のような新しい配列を作成します-

例

const arr = [[1, 2, 3], [4, 5], [6]];
const flatten = function(){
   return this.reduce((acc, val) => {
      return acc.concat(...val);
   }, []);
};
Array.prototype.flatten = flatten;
console.log(arr.flatten());

出力

両方の方法のコンソール出力は-

[ 1, 2, 3, 4, 5, 6 ]