我想提醒字符串的每个字母,但我不确定如何做到这一点。
如果我有:
var str = 'This is my string';
我希望能够分别提醒T h I s等等。这只是我正在研究的一个想法的开始,但我需要知道如何分别处理每个字母。
我在想,我可能需要在测试字符串的长度后使用分割函数。
我该怎么做呢?
我想提醒字符串的每个字母,但我不确定如何做到这一点。
如果我有:
var str = 'This is my string';
我希望能够分别提醒T h I s等等。这只是我正在研究的一个想法的开始,但我需要知道如何分别处理每个字母。
我在想,我可能需要在测试字符串的长度后使用分割函数。
我该怎么做呢?
当前回答
如果你想动画每个字符,你可能需要用span元素来包装它;
var $demoText = $("#demo-text");
$demoText.html( $demoText.html().replace(/./g, "<span>$&</span>").replace(/\s/g, " "));
我认为这是最好的方法,然后处理张成的空间。(例如TweenMax)
TweenMax.staggerFromTo( $demoText.find(“span”), 0.2, {autoAlpha:0}, {autoAlpha:1}, 0.1 );
其他回答
你可以像这样得到一个由单个字符组成的数组
var test = "test string",
characters = test.split('');
然后循环使用常规Javascript,否则你可以迭代字符串的字符使用jQuery by
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 arrValues = 'This is my string'.split('');
// Loop over each value in the array.
$.each(arrValues, function (intIndex, objValue) {
alert(objValue);
})
这里的大多数答案(如果不是全部的话)都是错误的,因为只要字符串中有字符在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”
New JS允许这样做:
const str = 'This is my string';
Array.from(str).forEach(alert);