.flat() ist keine Funktion, was ist falsch?

Der folgende Code

function steamrollArray(arr) {
  // I'm a steamroller, baby
  return arr.flat();
}

steamrollArray([1, [2], [3, [[4]]]]);

kehrt zurück

arr.flat ist keine Funktion

Ich habe es einprobiert Feuerfuchs und Chrom v67 und das gleiche Ergebnis ist eingetreten.

Was ist los?

Das flat Methode ist noch nicht implementiert in gängigen Browsern (nur Chrome v69, Firefox Nightly und Opera 56). Es ist eine experimentelle Funktion. Daher können Sie es nicht verwenden noch.

Vielleicht möchten Sie Ihre eigenen haben flat Funktion stattdessen:

Object.defineProperty(Array.prototype, 'flat', {
    value: function(depth = 1) {
      return this.reduce(function (flat, toFlatten) {
        return flat.concat((Array.isArray(toFlatten) && (depth>1)) ? toFlatten.flat(depth-1) : toFlatten);
      }, []);
    }
});

console.log(
  [1, [2], [3, [[4]]]].flat(2)
);

Der Code wurde hier von Noah Freitas ursprünglich implementiert, um das Array mit no zu glätten depth spezifizierten.

Das kann auch funktionieren.

let arr = [ [1,2,3], [2,3,4] ];
console.log([].concat(...arr))

Oder für ältere Browser,

[].concat.apply([], arr);

Array.flat ist nicht unterstützt durch Ihren Browser. Im Folgenden finden Sie zwei Möglichkeiten, dies zu implementieren.

Als Funktion, die depth Variable gibt an, wie tief die input Die Array-Struktur sollte abgeflacht werden (standardmäßig 1; use Infinity so tief gehen wie es geht) während die stack ist das abgeflachte Array, das bei rekursiven Aufrufen als Referenz übergeben und schließlich zurückgegeben wird.

function flat(input, depth = 1, stack = [])
{
    for (let item of input)
    {
        if (item instanceof Array && depth > 0)
        {
            flat(item, depth - 1, stack);
        }
        else {
            stack.push(item);
        }
    }
    
    return stack;
}

Als Polyfill, verlängernd Array.prototype wenn Sie das bevorzugen arr.flat() Syntax:

if (!Array.prototype.flat)
{
    Object.defineProperty(Array.prototype, 'flat',
    {
        value: function(depth = 1, stack = [])
        {
            for (let item of this)
            {
                if (item instanceof Array && depth > 0)
                {
                    item.flat(depth - 1, stack);
                }
                else {
                    stack.push(item);
                }
            }
            
            return stack;
        }
    });
}

Ähnliches Problem, gelöst mit der Methode ES6 .reduce():

const flatArr = result.reduce((acc, curr) => acc.concat(curr),[]);

benutze _.flatten aus dem Lodash-Paket 😉

var arr=[[1,2],[3,4],[5,6]];
var result=[].concat(...arr);
console.log(result);    //output: [ 1, 2, 3, 4, 5, 6 ]

Eine andere einfache Lösung ist _.flattenDeep() an Lodash

https://lodash.com/docs/4.17.15#flattenDepth

const flatArrays = _.flattenDeep([1, [2], [3, [[4]]]]);

console.log(flatArrays);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>