Wie kann ich jeden Buchstaben eines Textes mit Javascript verarbeiten?

Question

Ich möchte jeden Buchstaben einer Zeichenkette melden, weiß aber nicht, wie ich das anstellen soll.

Also, wenn ich es habe:

var str = 'This is my string';

Ich möchte die Möglichkeit haben, getrennt zu alarmieren T , h , i , s , usw. Dies ist nur der Anfang einer Idee, an der ich arbeite, aber ich muss wissen, wie ich jeden Buchstaben einzeln bearbeiten kann.

Ich dachte, ich müsste die Split-Funktion verwenden, nachdem ich getestet habe, wie lang die Zeichenfolge ist.

Wie kann ich das tun?

Answer 1

Wenn die Reihenfolge der Ausschreibungen wichtig ist, verwenden Sie diese:

for (var i = 0; i < str.length; i++) {
  alert(str.charAt(i));
}

Oder so: ( siehe auch diese Antwort )

 for (var i = 0; i < str.length; i++) {
   alert(str[i]);
 }

Wenn die Reihenfolge der Ausschreibungen keine Rolle spielt, verwenden Sie dies:

var i = str.length;
while (i--) {
  alert(str.charAt(i));
}

Oder so: ( siehe auch diese Antwort )

 var i = str.length;
while (i--) {
  alert(str[i]);
}

var str = 'This is my string';

function matters() {
  for (var i = 0; i < str.length; i++) {
    alert(str.charAt(i));
  }
}

function dontmatter() {
  var i = str.length;
  while (i--) {
    alert(str.charAt(i));
  }
}

<p>If the order of alerts matters, use <a href="#" onclick="matters()">this</a>.</p>

<p>If the order of alerts doesn't matter, use <a href="#" onclick="dontmatter()">this</a>.</p>

Answer 2

Es ist wahrscheinlich mehr als gelöst. Ich möchte nur mit einer anderen einfachen Lösung beitragen:

var text = 'uololooo';

// With ES6
[...text].forEach(c => console.log(c))

// With the `of` operator
for (const c of text) {
    console.log(c)
}

// With ES5
for (var x = 0, c=''; c = text.charAt(x); x++) { 
    console.log(c); 
}

// ES5 without the for loop:
text.split('').forEach(function(c) {
    console.log(c);
});

Answer 3

Wie man jeden Buchstaben eines Textes verarbeitet (mit Benchmarks)

https://jsperf.com/str-for-in-of-foreach-map-2

für

Klassisch und bei weitem derjenige mit den meisten meiste Leistung . Sie sollten sich für diesen Algorithmus entscheiden, wenn Sie ihn in einem leistungskritischen Algorithmus verwenden wollen oder wenn er maximale Kompatibilität mit den Browser-Versionen erfordert.

for (var i = 0; i < str.length; i++) {
  console.info(str[i]);
}

für...von

für...von ist die neue ES6 für Iterator. Wird von den meisten modernen Browsern unterstützt. Es ist visuell ansprechender und weniger anfällig für Tippfehler. Wenn Sie sich in einer Produktionsanwendung für diese Variante entscheiden, sollten Sie wahrscheinlich einen Transpiler wie Babel .

let result = '';
for (let letter of str) {
  result += letter;
}

forEach

Funktionell Ansatz. Airbnb genehmigt . Der größte Nachteil bei dieser Vorgehensweise ist die split() die ein neues Array erstellt, um jeden einzelnen Buchstaben der Zeichenkette zu speichern.

Warum? Damit wird unsere unumstößliche Regel durchgesetzt. Der Umgang mit reinen Funktionen die Werte zurückgeben, ist einfacher zu verstehen als bei Seiteneffekten.

// ES6 version.
let result = '';
str.split('').forEach(letter => {
  result += letter;
});

o

var result = '';
str.split('').forEach(function(letter) {
  result += letter;
});

---

Die folgenden sind die, die ich nicht mag.

für...in

Im Gegensatz zu for...of erhalten Sie den Buchstabenindex anstelle des Buchstabens. Das funktioniert ziemlich schlecht.

var result = '';
for (var letterIndex in str) {
  result += str[letterIndex];
}

Karte

Funktionsansatz, was gut ist. Allerdings ist map nicht dafür gedacht, dafür verwendet zu werden. Es sollte verwendet werden, wenn die Werte innerhalb eines Arrays geändert werden müssen, was nicht der Fall ist.

// ES6 version.
var result = '';
str.split('').map(letter => {
  result += letter;
});

o

let result = '';
str.split('').map(function(letter) {
  result += letter;
});

Answer 4

Eine mögliche Lösung in reinem Javascript:

for (var x = 0; x < str.length; x++)
{
    var c = str.charAt(x);
    alert(c);
}

Answer 5

Die meisten, wenn nicht sogar alle Antworten hier sind falsch, weil sie immer dann abbrechen, wenn ein Zeichen in der Zeichenkette vorkommt außerhalb der Unicode BMP (Basic Multilingual Plane) . Das bedeutet alle Emoji werden kaputt sein .

JavaScript verwendet UTF- 16 Unicode für alle Zeichenfolgen. In UTF-16 bestehen die Zeichen jenseits des BMP aus zwei Teilen, die als " Leihmutter Paar "und die meisten Antworten hier werden jeden Teil eines solchen Paares einzeln und nicht als einzelnes Zeichen verarbeiten.

Eine Möglichkeit in modernem JavaScript seit mindestens 2016 ist die Verwendung des neuen String-Iterator . Hier ist das Beispiel (fast) direkt aus dem MDN:

var string = 'A\uD835\uDC68B\uD835\uDC69C\uD835\uDC6A';

for (var v of string) {
  alert(v);
}
// "A"
// "\uD835\uDC68"
// "B"
// "\uD835\uDC69"
// "C"
// "\uD835\uDC6A"