如何使用Javascript处理每个文本字母？

Question

我想提醒一个字符串的每个字母,但我不确定如何做到这一点.

所以,如果我有:

var str = 'This is my string';

我希望能够分别提醒T,h,i,s等.这只是我正在研究的一个想法的开始,但我需要知道如何分别处理每个字母.

我想使用jQuery,并且在考虑字符串的长度后,我可能需要使用split函数.

想法？

Answer 1

如果警报的顺序很重要,请使用:

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

如果警报顺序无关紧要,请使用以下命令:

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

Answer 2

它可能不仅仅是解决了.只想为另一个简单的解决方案做出贡献:

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

纯javascript中的一种可能的解决方案:

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

Answer 4

如何处理每个文字(带基准)

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

以下是我不喜欢的.

对于在...

与......相比,你得到的是字母索引而不是字母.它的表现非常糟糕.

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

Answer 5

大多数(如果不是全部)答案都是错误的,因为只要Unicode BMP(Basic Multilingual Plane)之外的字符串中有字符,它们就会中断.这意味着所有表情符号都将被打破.

JavaScript 对所有字符串使用UTF- 16 Unicode.在UTF-16中,BMP之外的字符由两部分组成,称为" 代理 对 ",这里的大多数答案将单独处理这些对的每个部分而不是单个字符.

至少从2016年开始,现代JavaScript的一种方法是使用新的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"

Answer 6

你可以试试这个

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

Answer 7

简短的回答：Array.from(string)会给你你可能想要的东西，然后你可以迭代它或其他任何东西，因为它只是一个数组。

好吧，让我们试试这个字符串：abc|??\n??|???。

代码点是：

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

所以有些字符有一个代码点（字节），有些字符有两个或更多，并添加了一个换行符以进行额外测试。

所以经过测试有两种方法：

• 每字节字节（每个代码点的代码点）
• 字符组（但不是整个家庭表情符号）

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

Answer 8

另一个解决方案......

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

Answer 9

当我需要编写短代码或单行代码时,我使用这个"hack":

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

这不会计算换行符,因此可能是好事还是坏事.如果要包含换行符,请替换:/./with /[\S\s]/.您可能会看到的其他单行可能会使用.split()哪个有很多问题

Answer 10

如果字符串包含unicode字符,最好使用for ... of语句,因为字节大小不同.

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

Answer 11

您可以像在数组中一样简单地迭代它：

for(var i in txt){
    console.log(txt[i]);
}

Answer 12

新的JS允许这样做：

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

Answer 13

您现在可以通过 using 迭代包含在 String 中的单个 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.

这适用于 Unicode 字符，例如 emoji 或非罗马字符，它们会绊倒遗留结构。

参考：MDN 链接到 String.prototype@@iterator。

Answer 14

在 ES6 / ES2015 中，您可以使用 迭代字符串iterators，如您所见

符号迭代器 MDN

var str = 'Hello';
var it = str[Symbol.iterator]();

for (let v of it) {
  console.log(v)
 }
 
//  "H"
//  "e"
//  "l"
//  "l"
//  "o"

这是一种声明式风格。优点是什么？您不必关心如何访问字符串的每个元素。

Answer 15

您现在可以使用的关键字.

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

Answer 16

// There are multiple ways but I find this easiest.

let str = 'This is my string';
for(let character of str) 
  console.log(character)

Answer 17

您可以像这样获得各个字符的数组

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

然后使用常规Javascript循环,否则你可以使用jQuery迭代字符串的字符

var test = "test string";

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

Answer 18

如果您想在字符级别对文本进行转换，并在最后取回转换后的文本，您可以执行以下操作：

var value = "alma";
var new_value = [...value].map((x) => x+"E").join("")

所以步骤：

• 将字符串拆分为字符数组（列表）
• 通过函子映射每个字符
• 将生成的字符数组连接到生成的字符串中