文字列の個々の文字に警告したいのですが、これを行う方法がわかりません。

だから、私が持っているなら：

var str = 'This is my string';

T、h、i、sなどを個別にアラートできるようにしたいと思います。これは私が取り組んでいるアイデアのほんの始まりに過ぎませんが、各文字を個別に処理する方法を知る必要があります。

jQueryを使用したいのですが、文字列の長さをテストした後、split関数を使用する必要があるかもしれないと考えていました。

アイデア？

アラートの順序が重要な場合は、これを使用します。

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

アラートの順序が重要でない場合は、これを使用します。

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>

それはおそらく解決された以上のものです。別のシンプルなソリューションで貢献したいだけです：

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

純粋なJavaScriptで可能な解決策の1つ：

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

テキストの各文字を処理する方法（ベンチマーク付き）

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

ために

クラシックで、最もパフォーマンスの高いものです。パフォーマンスが重要なアルゴリズムでの使用を計画している場合、またはブラウザーのバージョンとの最大の互換性が必要な場合は、これを使用する必要があります。

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

の

for ... ofは、イテレータ用の新しいES6です。最近のほとんどのブラウザでサポートされています。見た目がより魅力的で、タイプミスをしにくくなります。これを本番アプリケーションで使用する場合は、おそらくBabelのようなトランスパイラーを使用する必要があります。

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

forEach

機能的アプローチ。Airbnb承認。この方法でこれを行う最大の欠点split()は、文字列の個々の文字を格納する新しい配列を作成するです。

どうして？これにより、不変のルールが適用されます。値を返す純粋な関数を扱う方が、副作用よりも簡単に推論できます。

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

または

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

以下は嫌いなものです。

のために...

for ... ofとは異なり、文字ではなく文字のインデックスを取得します。それはかなり悪いパフォーマンスをします。

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

地図

機能アプローチ、これは良いことです。ただし、マップはそのために使用するためのものではありません。配列内の値を変更する必要がある場合に使用する必要がありますが、そうではありません。

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

または

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

Unicode BMP（Basic Multilingual Plane）の外側の文字列に文字がある場合はいつでも壊れるので、ここでの回答のすべてではないにしてもほとんどが間違っています。つまり、すべての絵文字が壊れます。

JavaScriptはすべての文字列にUTF- 16 Unicodeを使用します。UTF-16では、BMPを超える文字は「サロゲート ペア」と呼ばれる2つの部分から構成され、ここでの回答のほとんどは、そのようなペアの各部分を単一の文字としてではなく個別に処理します。

少なくとも2016年以降の最新のJavaScriptの1つの方法は、新しい文字列イテレータを使用することです。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"

あなたはこれを試すことができます

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

もう1つの解決策...

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

短いコードやワンライナーを記述する必要がある場合は、次の「ハック」を使用します。

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

これは改行を数えないため、良いことにも悪いことにもなります。あなたはどの改行を含める場合は、交換してください：/./と/[\S\s]/。他のワンライナーは、おそらく使用を見ることが.split()いる多くの問題を抱えています

新しいJSはこれを可能にします：

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

バイトサイズが異なるため、文字列にUnicode文字が含まれている場合は、for ... ofステートメントを使用することをお勧めします。

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

短い答え：Array.from(string)おそらくあなたが望んでいるものを与え、それは単なる配列なのでそれで何でも繰り返すことができます。

では、次の文字列で試してみましょうabc|⚫️\n⚪️|👨‍👩‍👧‍👧。

コードポイントは次のとおりです。

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

そのため、一部の文字には1つのコードポイント（バイト）があり、一部には2つ以上のコードポイントがあり、追加のテストのために改行が追加されています。

したがって、テスト後は2つの方法があります。

• バイトごとのバイト（コードポイントごとのコードポイント）
• 文字グループ（家族全員の絵文字ではない）

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

を使用して、文字列に含まれる個々のUnicodeコードポイントを反復処理できるようになりましたString.prototype[@@iterator]。これは、よく知られているシンボルタイプSymbol.iterator（配列のようなオブジェクトのデフォルトの反復子String）（この場合）の値を返します。

コード例：

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.

これは、絵文字やローマ字以外の文字などのレガシー構造をトリップするUnicode文字で機能します。

参照：String.prototype @@ iteratorへのMDNリンク。

キーワードで使用できるようになりました。

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

あなたはそのように個々の文字の配列を得ることができます

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

通常のJavascriptを使用してループするか、jQueryを使用して文字列の文字を反復することができます。

var test = "test string";

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

この文字列をを使用して文字の配列に変換しsplit()、それを反復処理できます。

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

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

文字レベルでテキストの変換を行い、変換されたテキストを最後に戻す場合は、次のようにします。

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

だからステップ：

• 文字列を文字の配列（リスト）に分割します
• ファンクターを介して各キャラクターをマッピングする
• 結果の文字配列を結果の文字列に結合します

今日のJavaScriptでは、

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

明らかに、c + cはcで何をしたいかを表します。

これは戻ります

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

これは古いブラウザで動作し、💩のようなUTF-16文字で動作するはずです。

これが最も互換性のあるソリューションであるはずです。ただし、forループよりもパフォーマンスが低下します。

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

お役に立てれば！

あなたはできる単一の文字にアクセスしstr.charAt(index)たりstr[index]。ただし、後者の方法はECMAScriptの一部ではないため、前者の方法を使用することをお勧めします。

各キャラクターをアニメートしたい場合は、それをspan要素でラップする必要があるかもしれません。

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

これがそれを行う最良の方法だと私は思います、そしてスパンを処理します。（たとえば、TweenMaxを使用）

TweenMax.staggerFromTo（$ demoText.find（ "span"）、0.2、{autoAlpha：0}、{autoAlpha：1}、0.1）;

このコードを試してください

    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>