Math.max und Math.min NaN bei undefiniertem Eintrag

Beim Übergeben von Werten an die Math.max oder Math.min Funktion in JavaScript, geben sie jeweils die höchsten und niedrigsten Werte aus der Eingabe zurück.

Wenn jedoch ein undefiniertes Datenelement eingegeben wird, z

Math.max(5,10,undefined);

Das zurückgegebene Ergebnis ist NaN. Gibt es eine einfache Möglichkeit, dies mit JS/jQuery zu beheben?

Ich vermute die undefined ist eigentlich eine Variable.

Sie können ersetzen -Infinity für alle NaN Wert, um eine Zahl sicherzustellen.

var foo;

Math.max(5, 10, isNaN(foo) ? -Infinity : foo); // returns 10

Dasselbe Konzept kann auf verwendet werden Math.minaber mit Infinity:

var foo;

Math.min(5, 10, isNaN(foo) ? Infinity : foo); // returns 5

Schreibe dein Eigenes max Funktion:

function max() {
    var par = []
    for (var i = 0; i < arguments.length; i++) {
        if (!isNaN(arguments[i])) {
            par.push(arguments[i]);
        }
    }
    return Math.max.apply(Math, par);
}

Oder kürzere Verwendung Array-Filterung:

function max() {
    var args = Array.prototype.slice.call(arguments);
    return Math.max.apply(Math, args.filter(function(val) {
       return !isNaN(val);
    }));
}

Verwendungszweck:

max(5, 10, undefined);   // output: 10

Es ist so einfach wie:

// ES6 (returns: 10)
Math.max(...[5, 10, undefined].filter(Number.isFinite))

Oder:

// ES5 (returns: 10)
Math.max.apply(null, [5, 10, undefined].filter(Number.isFinite))

Ich denke, es ist lesbar und vermittelt einfach seinen Zweck.

Erläuterung: Wir nutzen die Number primitive wrapper objectum die undefinierten Werte herauszufiltern und dann an die zu übergeben Math.max Funktion, als Argumente mit der Spread-Operator in ES6, oder mit der Function.prototype.apply() Methode in ES5.

Überprüfen Sie, ob jede Nummer definiert ist, bevor Sie sie an übergeben max. Verwenden Sie einen Sentinel-Wert als Standard (z -Infinity). Für min würden Sie verwenden möchten Infinity:

var a = 5;
var b = 10;
var c = undefined;

var defaultForMax = function (num) {
    return typeof num === 'number' ? num : -Infinity;
};

c = defaultForMax(c); // c is now -Infinity

Math.max(a, b, c); // 10

http://jsfiddle.net/QTckE/

Noch einfacher meiner Meinung nach, wenn es Ihnen nichts ausmacht, d3 zu verwenden, könnten Sie Folgendes tun:

d3.max([5,10,undefined]) // 10

Aus der d3-Dokumentation (https://github.com/d3/d3-array#statistics):

Gibt den Mindestwert in der angegebenen Iterable in natürlicher Reihenfolge zurück.

…

Anders als das eingebaute Math.min ignoriert diese Methode undefinierte, Null- und NaN-Werte; Dies ist nützlich, um fehlende Daten zu ignorieren. Außerdem werden Elemente in natürlicher Reihenfolge statt in numerischer Reihenfolge verglichen. Zum Beispiel das Minimum der Saiten [“20”, “3”] ist „20“, während das Minimum der Zahlen [20, 3] ist 3.

mit falsy in Math.max

var foo;

Math.max(5, 10, !isNaN(foo) && foo);

var foo;

Math.min(5, 10, !isNaN(foo) && foo);

// Returns largest numeric value; excludes NaN's.
function getMax(...args) {
 return Math.max(...args.filter(Number.isFinite));
}