Я хотел бы предупредить каждую отдельную букву строки, но я не уверен, как это сделать.

Итак, если у меня есть:

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:

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

для каждого

Функциональный подход. Airbnb утвержден . Самым большим недостатком этого способа является split()создание нового массива для хранения каждой отдельной буквы строки.

Почему? Это обеспечивает наше неизменное правило. Работа с чистыми функциями, которые возвращают значения, легче рассуждать, чем побочные эффекты.

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

или

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

Вот те, которые мне не нравятся.

для ... в

В отличие от ... вы получаете буквенный индекс вместо буквы. Это работает довольно плохо.

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 состоят из двух частей, называемых « суррогатная пара », и большинство ответов здесь будут обрабатывать каждую часть таких пар отдельно, а не как один символ.

Одним из способов в современном JavaScript, начиная с 2016 года, является использование нового итератора String . Вот пример (почти) прямо из 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);
})

Еще одно решение ...

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

Из-за разного размера байта лучше использовать оператор 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

поэтому некоторые символы имеют одну кодовую точку (байт), а некоторые - две или более, и добавлена ​​новая строка для дополнительного тестирования.

поэтому после тестирования есть два способа:

• байт на байт (кодовая точка на кодовую точку)
• группы персонажей (но не вся семья смайликов)

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 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.

Это работает с символами Юникода, такими как смайлики или нелатинские символы, которые могут запутать устаревшие конструкции.

Ссылка: MDN Ссылка на String.prototype @@ iterator .

Теперь вы можете использовать в ключевом слове.

    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>