如何处理每个文本字母(使用基准测试)

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

for

这是迄今为止最经典的一款。如果您计划在性能关键算法中使用它，或者它需要与浏览器版本的最大兼容性，那么应该使用它。

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

的……

为…of是新的ES6 for迭代器。大多数现代浏览器都支持。它在视觉上更有吸引力，也不容易出现打字错误。如果您打算在生产应用程序中实现这一点，那么您可能应该使用Babel这样的转译器。

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

forEach

功能的方法。Airbnb批准。这样做的最大缺点是split()，它创建了一个新数组来存储字符串的每个字母。

为什么?这就强制执行了我们的不可变规则。处理纯函数 返回值比副作用更容易理解。

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

or

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

以下是我不喜欢的。

对…

不像……的，你得到的是字母索引而不是字母本身。它的表现非常糟糕。

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

map

函数方法，很好。然而，地图并不是用来做这个的。当需要更改数组中的值时，应该使用它，但实际情况并非如此。

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

or

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

如果你想动画每个字符，你可能需要用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 ）;

可能不止是解决了。只是想提供另一个简单的解决方案:

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

如何处理每个文本字母(使用基准测试)

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

for

这是迄今为止最经典的一款。如果您计划在性能关键算法中使用它，或者它需要与浏览器版本的最大兼容性，那么应该使用它。

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

的……

为…of是新的ES6 for迭代器。大多数现代浏览器都支持。它在视觉上更有吸引力，也不容易出现打字错误。如果您打算在生产应用程序中实现这一点，那么您可能应该使用Babel这样的转译器。

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

forEach

功能的方法。Airbnb批准。这样做的最大缺点是split()，它创建了一个新数组来存储字符串的每个字母。

为什么?这就强制执行了我们的不可变规则。处理纯函数 返回值比副作用更容易理解。

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

or

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

以下是我不喜欢的。

对…

不像……的，你得到的是字母索引而不是字母本身。它的表现非常糟糕。

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

map

函数方法，很好。然而，地图并不是用来做这个的。当需要更改数组中的值时，应该使用它，但实际情况并非如此。

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

or

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

你可以简单地在数组中迭代它:

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

你现在可以使用in关键字。

var s = '异形'; (var c in s) alert(s[c]);