Saya ingin memberi tahu setiap individu string, tetapi saya tidak yakin bagaimana melakukan ini.

Jadi, jika saya punya:

var str = 'This is my string';

Saya ingin secara terpisah dapat mengingatkan T, h, i, s, dll. Ini hanyalah awal dari ide yang sedang saya kerjakan, tetapi saya perlu tahu bagaimana memproses setiap huruf secara terpisah.

Saya ingin menggunakan jQuery dan berpikir saya mungkin perlu menggunakan fungsi split setelah menguji berapa panjang string.

Ide ide?

Jika urutan peringatan penting, gunakan ini:

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

Jika urutan peringatan tidak masalah, gunakan ini:

var i = str.length;
while (i--) {
  alert(str.charAt(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>

Mungkin lebih dari selesai. Hanya ingin berkontribusi dengan solusi sederhana lain:

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);
});

Salah satu solusi yang mungkin dalam javascript murni:

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

Cara memproses setiap huruf teks (dengan tolok ukur)

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

untuk

Klasik dan sejauh ini yang paling berkinerja . Anda harus menggunakan yang ini jika Anda berencana menggunakannya dalam algoritme kinerja kritis, atau yang memerlukan kompatibilitas maksimum dengan versi browser.

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

untuk ... dari

untuk ... dari adalah ES6 baru untuk iterator. Didukung oleh sebagian besar browser modern. Ini secara visual lebih menarik dan kurang rentan terhadap kesalahan pengetikan. Jika Anda ingin yang ini dalam aplikasi produksi, Anda mungkin harus menggunakan transpiler seperti Babel .

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

untuk setiap

Pendekatan fungsional . Airbnb disetujui . Kelemahan terbesar dari melakukannya dengan cara ini adalah split(), yang menciptakan array baru untuk menyimpan setiap huruf dari string.

Mengapa? Ini menegakkan aturan abadi kita. Berurusan dengan fungsi murni yang mengembalikan nilai lebih mudah untuk dipertimbangkan daripada efek samping.

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

atau

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

Berikut ini adalah yang saya sukai.

untuk ... di

Tidak seperti untuk ... dari, Anda mendapatkan indeks surat daripada surat itu. Itu berkinerja sangat buruk.

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

peta

Pendekatan fungsi, mana yang baik. Namun, peta tidak dimaksudkan untuk digunakan untuk itu. Ini harus digunakan ketika perlu mengubah nilai-nilai di dalam array, yang tidak terjadi.

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

atau

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

Sebagian besar jika tidak semua jawaban di sini salah karena mereka akan putus setiap kali ada karakter dalam string di luar Unicode BMP (Basic Multilingual Plane) . Itu artinya semua Emoji akan rusak .

JavaScript menggunakan UTF- 16 Unicode untuk semua string. Dalam UTF-16, karakter di luar BMP dibuat dari dua bagian, yang disebut " Pasangan Pengganti " dan sebagian besar jawaban di sini akan memproses setiap bagian dari pasangan demikian secara individual alih-alih sebagai karakter tunggal.

Salah satu cara dalam JavaScript modern sejak setidaknya 2016 adalah dengan menggunakan iterator String baru . Inilah contoh (hampir) langsung dari 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"

Anda bisa mencoba ini

var arrValues = 'This is my string'.split('');
// Loop over each value in the array.
$.each(arrValues, function (intIndex, objValue) {
    alert(objValue);
})

Satu lagi solusi ...

var strg= 'This is my string';
for(indx in strg){
  alert(strg[indx]);
}

Ketika saya perlu menulis kode pendek atau satu baris, saya menggunakan "retasan" ini:

'Hello World'.replace(/./g, function (char) {
    alert(char);
    return char; // this is optional 
});

Ini tidak akan menghitung baris baru sehingga bisa menjadi hal yang baik atau buruk. Jika Anda ingin memasukkan baris baru, ganti: /./dengan /[\S\s]/. Satu-liner lain yang mungkin Anda lihat mungkin menggunakan .split()yang memiliki banyak masalah

JS baru memungkinkan ini:

const str = 'This is my string';
Array.from(str).forEach(alert);

Lebih baik menggunakan for ... pernyataan, jika string berisi karakter unicode, karena ukuran byte yang berbeda.

for(var c of "tree 木") { console.log(c); }
//"𝐀A".length === 3

jawaban singkat: Array.from(string)akan memberi Anda apa yang mungkin Anda inginkan dan kemudian Anda dapat beralih di atasnya atau apa pun karena itu hanya sebuah array.

ok mari kita coba dengan string ini: abc|⚫️\n⚪️|👨‍👩‍👧‍👧.

codepoint adalah:

97
98
99
124
9899, 65039
10
9898, 65039
124
128104, 8205, 128105, 8205, 128103, 8205, 128103

jadi beberapa karakter memiliki satu codepoint (byte) dan beberapa memiliki dua atau lebih, dan baris baru ditambahkan untuk pengujian tambahan.

jadi setelah pengujian ada dua cara:

• byte per byte (codepoint per codepoint)
• grup karakter (tetapi tidak seluruh emoji keluarga)

string = "abc|⚫️\n⚪️|👨‍👩‍👧‍👧"

console.log({ 'string': string }) // abc|⚫️\n⚪️|👨‍👩‍👧‍👧
console.log({ 'string.length': string.length }) // 21

for (let i = 0; i < string.length; i += 1) {
  console.log({ 'string[i]': string[i] }) // byte per byte
  console.log({ 'string.charAt(i)': string.charAt(i) }) // byte per byte
}

for (let char of string) {
  console.log({ 'for char of string': char }) // character groups
}

for (let char in string) {
  console.log({ 'for char in string': char }) // index of byte per byte
}

string.replace(/./g, (char) => {
  console.log({ 'string.replace(/./g, ...)': char }) // byte per byte
});

string.replace(/[\S\s]/g, (char) => {
  console.log({ 'string.replace(/[\S\s]/g, ...)': char }) // byte per byte
});

[...string].forEach((char) => {
  console.log({ "[...string].forEach": char }) // character groups
})

string.split('').forEach((char) => {
  console.log({ "string.split('').forEach": char }) // byte per byte
})

Array.from(string).forEach((char) => {
  console.log({ "Array.from(string).forEach": char }) // character groups
})

Array.prototype.map.call(string, (char) => {
  console.log({ "Array.prototype.map.call(string, ...)": char }) // byte per byte
})

var regexp = /(?:[\0-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g

string.replace(regexp, (char) => {
  console.log({ 'str.replace(regexp, ...)': char }) // character groups
});

Anda sekarang dapat mengulangi setiap titik kode Unicode yang terkandung dalam sebuah String dengan menggunakan String.prototype[@@iterator], yang mengembalikan nilai tipe Simbol yang terkenal Symbol.iterator- iterator default untuk Objek mirip array ( Stringdalam kasus ini).

Kode contoh:

const str = 'The quick red 🦊 jumped over the lazy 🐶! 太棒了！';

let iterator = str[Symbol.iterator]();
let theChar = iterator.next();

while(!theChar.done) {
  console.log(theChar.value);
  theChar = iterator.next();
}

// logs every unicode character as expected into the console.

Ini berfungsi dengan karakter Unicode seperti emoji atau karakter non-roman yang akan menyandung konstruksi lama.

Referensi: Tautan MDN ke String.prototype @@ iterator .

Anda sekarang dapat menggunakan di kunci.

    var s = 'Alien';
    for (var c in s) alert(s[c]);

Anda bisa mendapatkan berbagai karakter individual seperti itu

var test = "test string",
    characters = test.split('');

dan kemudian loop menggunakan Javascript biasa, atau Anda dapat mengulangi karakter string menggunakan jQuery oleh

var test = "test string";

$(test.split('')).each(function (index,character) {
    alert(character);
});

Anda dapat mengubah string ini menjadi array menggunakan karakter split(), lalu beralih melalui itu.

const str = "javascript";
const strArray = str.split('');

strArray.map(s => console.log(s));

Jika Anda ingin melakukan transformasi pada teks pada tingkat karakter, dan mendapatkan teks yang diubah kembali di akhir, Anda akan melakukan sesuatu seperti ini:

var value = "alma";
var new_value = value.split("").map(function(x) { return x+"E" }).join("")

Jadi langkah-langkahnya:

• Pisahkan string menjadi array (daftar) karakter
• Petakan setiap karakter melalui sebuah functor
• Gabungkan array karakter yang dihasilkan bersama-sama ke dalam string yang dihasilkan

Di JavaScript hari ini, Anda bisa

Array.prototype.map.call('This is my string', (c) => c+c)

Jelas, c + c mewakili apa pun yang ingin Anda lakukan dengan c.

Ini kembali

["TT", "hh", "ii", "ss", " ", "ii", "ss", " ", "mm", "yy", " ", "ss", "tt", "rr", "ii", "nn", "gg"]

Ini seharusnya berfungsi di browser lama dan dengan karakter UTF-16 seperti 💩.

Ini harus menjadi solusi yang paling kompatibel. Namun, performanya kurang dari afor loop.

Saya menghasilkan ekspresi reguler menggunakan regexpu

var str = 'My String 💩 ';
var regEx = /(?:[\0-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g


str.replace(regEx, function (char) {
    console.log(char)
});

Semoga ini membantu!

Anda dapat mengakses satu karakter dengan str.charAt(index)atau str[index]. Namun cara yang terakhir ini bukan bagian dari ECMAScript sehingga Anda sebaiknya menggunakan yang sebelumnya.

Jika Anda ingin menghidupkan setiap karakter Anda mungkin perlu membungkusnya dalam elemen span;

var $demoText = $("#demo-text");
$demoText.html( $demoText.html().replace(/./g, "<span>$&amp;</span>").replace(/\s/g, " "));

Saya pikir ini adalah cara terbaik untuk melakukannya, kemudian memproses bentang. (misalnya dengan TweenMax)

TweenMax.staggerFromTo ($ demoText.find ("span"), 0,2, {autoAlpha: 0}, {autoAlpha: 1}, 0,1);

Coba kode ini

    function myFunction() {
    var text =(document.getElementById("htext").value); 
    var meow = " <p> <,> </p>";
    var i;


    for (i = 0; i < 9000; i++) {

        text+=text[i] ;



    }

    document.getElementById("demo2").innerHTML = text;

}
</script>
<p>Enter your text: <input type="text" id="htext"/>

    <button onclick="myFunction();">click on me</button>
</p>