Trim First/Last Characters In String

Letzte vier Zeichen entfernen

var myString = "abcdefg";
var newString = myString.substr(0, myString.length-4); 
// newString is now "abc"

Erste zwei Zeichen entfernen

var myString = "abcdefg";
var newString = myString.substr(2);
// newString is now "cdefg"

Notizen

Die substr-Funktion kann mit jeder Zeichenkette und zwei ganzzahligen Parametern aufgerufen werden, wobei der zweite optional ist. Wenn nur einer angegeben wird, beginnt er bei dieser Ganzzahl und geht bis zum Ende der Zeichenkette, wobei der Anfang abgeschnitten wird. Wenn zwei Parameter angegeben werden, beginnt er bei der ersten Zahl und endet bei der zweiten, wobei der Anfang und das Ende so gut wie möglich abgeschnitten werden.

Beispiel

abcdefghijklmnopqrstuvwxyz

Leerzeichen abschneiden

Hier ist eine ganze Reihe von Möglichkeiten.

Kommentare

Joshua

# 8. Februar 2012

Der Ausschnitt auf dieser Seite funktioniert bei mir nicht und gibt folgende Fehlermeldung aus

$(‘#chopper’)[0].innerText ist undefined

Nur zur Info!

Antworten

Pauly

# 12. Mai 2012

Ich habe bereits versucht, auf die Schaltfläche "Zum Abschneiden drücken" zu klicken, aber es passiert nichts. Wie kommt das?

Antworten

Chris Coyier

Permalink zum Kommentar# 25. Februar 2014

Pauly (und Joshua oben) – Ich sehe diese Fehlermeldung nicht, könnt ihr mir den Browser/die Version nennen?
luckydonald

Permalink zum Kommentar# 9. März 2014

Firefox Mac, Version 27.0.1 hier, funktioniert nicht.
Chrome Mac, Version 33.0.1750.146 funktioniert.
Safari Mac, Version 6.1.1 (7537.73.11) funktioniert.

Es scheint also, dass ihr Firefox nicht unterstützt. Wow.
Konsole sagt
Fehler: TypeError: $(…)[0].innerText ist undefined auf css-tricks.com/snippets/javascript/trim-firstlast-characters-in-string/ in Zeile 58

Tom

# 22. Dezember 2012

Ich glaube, der Code-Snippet für das zweite Beispiel hat einen Tippfehler
var myString = “abcdefg”;
var newString = myString_2.substr(2);

Die zweite Zeile dieses Ausschnitts sollte lauten:
var newString = myString.substr(2);

Danke für den Tipp!

Antworten

Chris Coyier

Permalink zum Kommentar# 25. Februar 2014

Da hast du Recht! Wird behoben. Und begraben, nur weil es nicht mehr relevant für den Thread ist.

Hridayeshwar Rao

# 19. Mai 2013

Danke!!

Antworten

Jon

# 26. März 2014

Chris,
Gibt es spezifische Gründe, warum du String.**substr**( start [, length ] ) anstelle von String.**slice**( begin [, end ] ) gewählt hast? Ich habe kurz recherchiert und die meisten empfehlen splice, da es einen negativen Wert für den Endpunkt akzeptiert, ohne die Länge berechnen zu müssen?

var myString = "abcdefg";
var newString = myString.slice(0, -4); 
// newString is now "abc"

schneiden und würfeln...

Nur neugierig!

Antworten

Mike

# 6. April 2014

Chris, es scheint, dass FF innerText nicht unterstützt. textContent wäre das moderne Äquivalent: https://developer.mozilla.org/en-US/docs/Web/API/Node.textContent

Aber da wir sowieso jQuery verwenden, warum nicht $(…).text() :)

Antworten

Wesley Williams

# 28. April 2014

Wie machst du beides? Also wie entfernst du die ersten 9 Zeichen und das letzte 1 Zeichen im selben String?

Antworten

Jon R. Humphrey

Permalink zum Kommentar# 29. April 2014
@Wesley,
Entschuldigung, es war spät gestern Abend, aber ich habe die beiden unten erwähnten String-Modifikatoren zu einer Zeile zusammengefügt
```
var myString = "abcdefghijklmnopqrstuvwxyz";
var newString = myString.substr(9).slice(0, -1); 
//newString is now "jklmnopqrstuvwxy"
document.write(newString);
```
Hier ist ein Stift, der es in Aktion zeigt

Jon R. Humphrey

# 28. April 2014

@Wesley, was ist damit?

var myString = "abcdefghijklmnopqrstuvwxyz";
var firstString = myString.substr(9);
//firstSring is now "jklmnopqrstuvwxyz"
var lastString = firstString.slice(0, -1); 
//lastString is now "jklmnopqrstuvwxy"
document.write(lastString);

Macht das, was du willst?

Antworten

Don

Permalink zum Kommentar# 5. Mai 2014

Jon,
Danke für diesen Code-Snippet. Ich bin mit PHP vertrauter als mit Javascript und habe nach einer Möglichkeit gesucht, einen String an beiden Enden zu kürzen, und das hat perfekt funktioniert. TY.

Don

Vino

# 29. Juli 2014

Ich habe es mit einem spezifischen String zum Ersetzen versucht und es hat funktioniert, aber ich habe eine Situation wie diese <span class='someclass'>someclass</span> zu sometext, ist das möglich?

Antworten

Sarmad

# 11. August 2014

Wie wäre es, einige Zeichen zu überspringen und das Zeichen danach zu entfernen?

Wie in abcdefgh, wie beginnt man das Beschneiden von d (damit d das erste Zeichen wird)?

Antworten

Jon R. Humphrey

# 12. August 2014

@Sarmad,

Das wäre der erste Teil des Codeblocks, den ich oben gezeigt habe

var myString = "abcdefghijklmnopqrstuvwxyz";
var firstString = myString.substr(3);

oder

var myString = "abcdefghijklmnopqrstuvwxyz";
var firstString = myString.substr(myString.indexOf("d"));

http://codepen.io/jonrandahl/pen/hulKG

Sarmad

# 12. August 2014

Ja, das habe ich verstanden, aber ich habe nach dem Entfernen von Zeichen aus der Mitte gefragt.

Wie abc(vier Zeichen entfernen)hijklmn

Antworten

Jon R. Humphrey

# 12. August 2014

@Sarmad,
Funktioniert das für dich?

var myString = "abcdefghijklmnopqrstuvwxyz";
var firstString = myString.slice(0, myString.indexOf("d")+1);
var lastString = myString.substr(myString.indexOf("d")+5);
var newString = firstString.concat(lastString);

http://codepen.io/jonrandahl/pen/xgDrF

Sarmad

# 12. August 2014

Genau. Ich habe nach einer Möglichkeit gesucht, etwas aus einer URL innerhalb von <a> zu trimmen. Das funktioniert jetzt gut. Danke

Antworten

Jon R. Humphrey

Permalink zum Kommentar# 12. August 2014
@Sarmad,
Man könnte auch die Zeichenkette anhand des Suchparameters aufteilen und die beiden resultierenden Array-Teile verketten, so
```
var myString = "abcdefghijklmnopqrstuvwxyz";
var myArray = myString.split("defg");
var firstString = myArray[0];
var lastString = myArray[1];
var newString = firstString.concat(lastString);
document.write(newString);
```
Beispiel...

Es kommt wirklich darauf an, wie du deine "Nadel" (String) innerhalb deines "Heuhaufens" (String) finden willst?

Jon

prince

# 29. März 2016

a=(123) 456-789
Wie ignoriert man das Sonderzeichen?

Antworten

alankar

# 29. April 2016

Anstatt 9044420544 möchte ich *******544 anzeigen. Wie mache ich das in HTML und Javascript und nach dem Klicken auf die Schaltfläche soll 9044420544 angezeigt werden.

Antworten

Jon Humphrey

Permalink zum Kommentar# 29. April 2016

@alankar, ich würde den ursprünglichen Wert kopieren und in einem Data-Attribut speichern und dann alle außer der Gesamtlänge des Strings minus 3 maskieren, indem ich Regex verwende, um die Zeichen durch das Sternchenzeichen zu ersetzen. Schreie, wenn du weitere Hilfe benötigst!

Jon Humphrey

# 29. April 2016

@alankar,

Wie wäre es hiermit?

var myString = "abcdefghijklmnopqrstuvwxyz";
var firstString = myString.substr(0, myString.length - 5);
maskString = firstString.replace(/[a-zA-Z0-9]/g, '*');
var lastString = myString.substr(myString.length - 5);
var newString = maskString.concat(lastString);
document.write("1st: " + firstString);
document.write("<br/>");
document.write("2nd: " + lastString);
document.write("<br/>");
document.write("3rd: " + newString);

http://codepen.io/jonrandahl/pen/BKqPdP

Letzte vier Zeichen entfernen

Erste zwei Zeichen entfernen

Notizen

Beispiel

Leerzeichen abschneiden

Kommentare

Hinterlasse eine Antwort Antwort abbrechen