Wie trim einen string auf N Zeichen in Javascript?

Wie kann ich mit Javascript eine Funktion, die den trim-string als argument übergeben wird, auf eine bestimmte Länge, die auch als argument übergeben wird. Zum Beispiel:

var string = "this is a string";
var length = 6;
var trimmedString = trimFunction(length, string);

//trimmedString should be:
//"this is"

Jemand Ideen hat? Ich habe gehört, etwas über die Verwendung von substring, aber nicht ganz verstehen.

  • "dies ist" = 7 Zeichen, gab es das ?
  • Wie gesagt, in der Frage bin ich mir auch nicht sicher, wie Sie Sie verwenden, substring, dies zu tun. Könnten Sie mir bitte ein Beispiel? Ich werde akzeptieren, ist eine Antwort natürlich, wenn es funktioniert 😉 @Interstellar_Coder oops, Tippfehler!
InformationsquelleAutor | 2011-09-18
  1. 266

    Warum nicht einfach substring... string.substring(0, 7); Das erste argument (0) ist der Ausgangspunkt. Das zweite argument (7) ist der Endpunkt (exklusive). Mehr info hier.

    var string = "this is a string";
var length = 7;
var trimmedString = string.substring(0, length);
    • Danke! Funktioniert perfekt. Ich werde markieren Sie es als Antwort, sobald die Frist vorüber!
    • Und wenn Sie wollen, Ellipsen für Streicher überschreiten der max Länge (wohl eher hilfreich für mehr max): var string = "dies ist ein string"; var length = 20; var trimmedString = string.Länge > Länge ? string.substring(0, length - 3) + "..." : string.substring(0, LAENGE);
    • Bitte beachten Sie, dass string.substr(start, Länge) verhält sich seltsam, es wird leer zurück, wenn die Länge mehr als die Länge der Zeichenfolge. string.substring(start, Ende) funktioniert wie erwartet, d.h. es wird wieder die Zeichenfolge bis zum Ende, wenn es gibt nicht genug Zeichen für den bestimmten zu Ende!
    • Verwenden string.substr. Es hat kein seltsames Verhalten, trotz den vorherigen Kommentar
    • .substring(from, to) nimmt indices. .substr (, von, Länge) nicht, Auch .substr() verwendet haben eine Inkonsistenz im IE, wenn das erste argument negativ ist.
    InformationsquelleAutor Will
  2. 37

    Kopieren Wird ' s Kommentar in eine Antwort, weil ich es nützlich gefunden:

    var string = "this is a string";
var length = 20;
var trimmedString = string.length > length ? 
                    string.substring(0, length - 3) + "..." : 
                    string;

    Dank.

    Und ein jsfiddle für wer kümmert sich https://jsfiddle.net/t354gw7e/ 🙂

    • Keinen Sinn, mit string.substring(0, length) im else-Fall, da der string ist garantiert <= 20 chars an diesem Punkt, nutzen Sie einfach string.
    • Cheers, aktualisiert haben, die Antwort
    InformationsquelleAutor
  3. 12

    Schlage ich eine Erweiterung für code-Ordnung.
    Beachten Sie, dass die Erweiterung eine interne Objekt-Prototyp könnte möglicherweise Durcheinander mit Bibliotheken, die von Ihnen abhängen.

    String.prototype.trimEllip = function (length) {
  return this.length > length ? this.substring(0, length) + "..." : this;
}

    Und verwenden Sie es wie:

    var stringObject= 'this is a verrrryyyyyyyyyyyyyyyyyyyyyyyyyyyyylllooooooooooooonggggggggggggsssssssssssssttttttttttrrrrrrrrriiiiiiiiiiinnnnnnnnnnnnggggggggg';
stringObject.trimEllip(25)
    • Warum nicht? Da hast du überschreiben Prototyp eines standard-Objekt .trim(). Dies kann unerwartetes Verhalten in anderen Bibliotheken und tools, die Sie verwenden können.
    • Sicher ist, bemerkt Sie Ihren Kommentar.
    • das ist das, was ich brauchte
    InformationsquelleAutor student
  5. 1

    Wenig zu spät... ich hatte zu reagieren. Dies ist der einfachste Weg.

    JS:

    //JavaScript
function fixedSize_JS(value, size) {
  return value.padEnd(size).substring(0, size);
}

//JavaScript (Alt)
var fixedSize_JSAlt = function(value, size) {
  return value.padEnd(size).substring(0, size);
}

//Prototype (preferred)
String.prototype.fixedSize = function(size) {
  return this.padEnd(size).substring(0, size);
}

//Overloaded Prototype
function fixedSize(value, size) {
  return value.fixedSize(size);
}

//usage
console.log('Old school JS -> "' + fixedSize_JS('test (30 characters)', 30) + '"');
console.log('Semi-Old school JS -> "' + fixedSize_JSAlt('test (10 characters)', 10) + '"');
console.log('Prototypes (Preferred) -> "' + 'test (25 characters)'.fixedSize(25) + '"');
console.log('Overloaded Prototype (Legacy support) -> "' + fixedSize('test (15 characters)', 15) + '"');

    Schritt für Schritt durch.
    .padEnd - Garantiert die Länge der Zeichenfolge

    "Der padEnd () - Methode pads, um die aktuelle Zeichenfolge mit einer bestimmten Zeichenfolge (wiederholt, wenn nötig), so dass die resultierende Zeichenfolge erreicht eine bestimmte Länge. Die Füllung vom Ende (rechts) des aktuellen Strings. Die Quelle für dieses interaktive Beispiel werden in einem GitHub-repository."
    Quelle: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...

    .substring - Grenzen für die Länge, die Sie benötigen

    Wenn Sie die Option zum hinzufügen von Ellipsen, fügen Sie diese in die Ausgabe.

    Gab ich 4 Beispiele für gängige JavaScript-Anwendungen. Ich empfehle die Verwendung der String-Prototyp mit Überlastung für legacy-Unterstützung. Es macht es viel einfacher zu implementieren und zu einem späteren Zeitpunkt ändern.

    • Hallo! Es ist gut, dass er auch eine Erklärung, was Los ist mit Ihrem code. Angesichts der Tatsache, wie ähnlich die Lösung ist die akzeptierte Antwort, vielleicht ein kleines detail, auf das, was die padEnd tut.
    • Meine Lösung ist viel sauberer und stärker standardisiert, plus es zeigt mehrere Verwendungen. Die padEnd () - Methode pads, um die aktuelle Zeichenfolge mit einer bestimmten Zeichenfolge (wiederholt, wenn nötig), so dass die resultierende Zeichenfolge erreicht eine bestimmte Länge. Die Füllung vom Ende (rechts) des aktuellen Strings. Die Quelle für dieses interaktive Beispiel werden in einem GitHub-repository. Quelle: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
    • Ich bestreite nicht die Qualität Ihrer Antwort. Nur ein Vorschlag, wie es besser zu machen. Deine Erklärung ist Super - Bearbeiten Sie Ihre Antwort und legen Sie es dort!
    InformationsquelleAutor Matthew Egan
  6. 0
        let trimString = function (string, length) {
      return string.length > length ? 
             string.substring(0, length) + '...' :
             string;
    };

    Use-Case -, 

    let string = 'How to trim a string to N chars in Javascript';

trimString(string, 20);

//How to trim a string...
    InformationsquelleAutor MD. ABU TALHA
Schreibe einen Kommentar