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

如果我有:

var str = 'This is my string';

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

我在想,我可能需要在测试字符串的长度后使用分割函数。

我该怎么做呢?


当前回答

纯javascript的一个可能的解决方案:

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

其他回答

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

这里的大多数答案(如果不是全部的话)都是错误的,因为只要字符串中有字符在Unicode BMP(基本多语言平面)之外,它们就会中断。这意味着所有的表情符号都将被破坏。

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) { 警报(v); } / /“A” / /“\ uD835 \ uDC68” / /“B” / /“\ uD835 \ uDC69” / /“C” / /“\ uD835 \ uDC6A”

如果你想在字符级别上对文本进行转换,并在结束时获得转换后的文本,你会这样做:

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

步骤如下:

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

注意:如果您需要性能,可能有更好、更优化的解决方案。我把这个作为一个干净的代码风格的方法发布。

试试这段代码

    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>

纯javascript的一个可能的解决方案:

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