Verknüpfen Sie Zeichenfolgen nur dann mit einem Trennzeichen, wenn Zeichenfolgen nicht null oder leer sind?

Fühlt sich an wie es sollte einfach sein, also sorry wenn ich mich hier etwas fehlt, aber ich bin auf der Suche nach einem einfachen Weg, um zu verketten, nur nicht null oder nicht-leere Zeichenketten.

Ich habe mehrere verschiedene Adress-Felder:

var address;
var city;
var state;
var zip;

Die Werte für diese Menge basierend auf ein Formular in die Seite und einige andere js-code.

Möchte ich für die Ausgabe der vollständigen Adresse in einem div, getrennt durch Komma + Leerzeichen, so etwas wie dieses:

$("#addressDiv").append(address + ", " + city + ", " + state + ", " + zip);

Problem ist, eine oder alle dieser Felder werden könnte, null/leer ist. Gibt es irgendeine einfache Weise zu verbinden Sie alle nicht-leeren Felder in dieser Gruppe von Feldern, ohne dabei eine Prüfung der Länge des jeweils individuell vor dem hinzufügen der Zeichenfolge...?

InformationsquelleAutor der Frage froadie | 2013-11-11

  1. 98

    Da noch eine Lösung, die nicht erfordert jQuery: 

    var address = "foo";
var city;
var state = "bar";
var zip;

text = [address, city, state, zip].filter(function (val) {return val;}).join(', ');

    InformationsquelleAutor der Antwort aga

  2. 11

    Lodash Lösung: _.filter([address, city, state, zip]).join()

    InformationsquelleAutor der Antwort Tim Santeford

  3. 4

    @aga die Lösung ist groß, aber es funktioniert nicht in älteren Browsern wie dem IE8 aufgrund der fehlenden Array.der Prototyp.filter() in Ihrer JavaScript-engines.

    Für diejenigen, die daran interessiert sind, eine effiziente Lösung in einer breiten Palette von Browsern (einschließlich IE 5.5 - 8) und die nicht erfordern, jQuerysiehe unten:

    var join = function (separator /*, strings */) {
    //Do not use:
    //     var args = Array.prototype.slice.call(arguments, 1);
    //since it prevents optimizations in JavaScript engines (V8 for example).
    //(See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments)
    //So we construct a new array by iterating through the arguments object
    var argsLength = arguments.length,
        strings = [];

    //Iterate through the arguments object skipping separator arg
    for (var i = 1, j = 0; i < argsLength; ++i) {
        var arg = arguments[i];

        //Filter undefineds, nulls, empty strings, 0s
        if (arg) {
            strings[j++] = arg;
        }
    }

    return strings.join(separator);
};

    Enthält es einige performance-Optimierungen beschrieben, die auf MDN hier.

    Und hier ist ein Beispiel:

    var fullAddress = join(', ', address, city, state, zip);

    InformationsquelleAutor der Antwort Alexander Abakumov

  4. 1

    Versuchen

    function joinIfPresent(){
    return $.map(arguments, function(val){
        return val && val.length > 0 ? val : undefined;
    }).join(', ')
}
$("#addressDiv").append(joinIfPresent(address, city, state, zip));

    Demo: Fiddle

    InformationsquelleAutor der Antwort Arun P Johny

  5. 0
    $.each([address,city,state,zip], 
    function(i,v) { 
        if(v){
             var s = (i>0 ? ", ":"") + v;
             $("#addressDiv").append(s);
        } 
    }
);`

    InformationsquelleAutor der Antwort nicb

  6. 0

    Nur:

    [address, city, state, zip].filter(Boolean).join(', ');

    InformationsquelleAutor der Antwort glue_stick

Schreibe einen Kommentar