Tôi muốn thông báo cho từng chữ cái riêng lẻ của một chuỗi, nhưng tôi không chắc làm thế nào để làm điều này.

Vì vậy, nếu tôi có:

var str = 'This is my string';

Tôi muốn có thể cảnh báo riêng T, h, i, s, v.v ... Đây chỉ là khởi đầu của một ý tưởng mà tôi đang thực hiện, nhưng tôi cần biết cách xử lý từng chữ cái riêng biệt.

Tôi muốn sử dụng jQuery và nghĩ rằng tôi có thể cần phải sử dụng hàm split sau khi kiểm tra độ dài của chuỗi.

Ý tưởng?

Nếu thứ tự cảnh báo có vấn đề, hãy sử dụng điều này:

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

Nếu thứ tự cảnh báo không thành vấn đề, hãy sử dụng:

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>

Có lẽ nhiều hơn là giải quyết. Chỉ muốn đóng góp với một giải pháp đơn giản khác:

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

Một giải pháp khả thi trong javascript thuần túy:

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

Cách xử lý từng chữ cái văn bản (có điểm chuẩn)

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

cho

Cổ điển và cho đến nay là một trong những hiệu suất nhất . Bạn nên sử dụng cái này nếu bạn dự định sử dụng nó trong một thuật toán quan trọng về hiệu năng hoặc nó yêu cầu khả năng tương thích tối đa với các phiên bản trình duyệt.

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

cho ... của

cho ... của ES6 mới cho iterator. Được hỗ trợ bởi hầu hết các trình duyệt hiện đại. Nó trực quan hấp dẫn hơn và ít mắc lỗi đánh máy. Nếu bạn đang sử dụng ứng dụng này trong một ứng dụng sản xuất, có lẽ bạn nên sử dụng một bộ chuyển mã như Babel .

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

cho mỗi

Phương pháp tiếp cận chức năng . Airbnb đã được phê duyệt . Nhược điểm lớn nhất của việc làm theo cách này là split(), tạo ra một mảng mới để lưu trữ từng chữ cái riêng lẻ của chuỗi.

Tại sao? Điều này thực thi quy tắc bất di bất dịch của chúng tôi. Xử lý các hàm thuần túy trả về các giá trị dễ lý do hơn các tác dụng phụ.

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

hoặc là

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

Sau đây là những cái tôi không thích.

tại

Không giống như ... của, bạn có được chỉ mục chữ cái thay vì chữ cái. Nó thực hiện khá tệ.

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

bản đồ

Phương pháp chức năng, đó là tốt. Tuy nhiên, bản đồ không có nghĩa là được sử dụng cho điều đó. Nó nên được sử dụng khi cần thay đổi các giá trị bên trong một mảng, đây không phải là trường hợp.

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

hoặc là

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

Hầu hết nếu không phải tất cả các câu trả lời ở đây đều sai vì chúng sẽ bị hỏng bất cứ khi nào có một ký tự trong chuỗi bên ngoài Unicode BMP (Mặt phẳng đa ngôn ngữ cơ bản) . Điều đó có nghĩa là tất cả các Emoji sẽ bị phá vỡ .

JavaScript sử dụng UTF- 16 Unicode cho tất cả các chuỗi. Trong UTF-16, các ký tự ngoài BMP được tạo thành hai phần, được gọi là " Cặp thay thế " và hầu hết các câu trả lời ở đây sẽ xử lý từng phần của các cặp như vậy thay vì chỉ một ký tự.

Một cách trong JavaScript hiện đại kể từ ít nhất 2016 là sử dụng Trình lặp chuỗi mới . Đây là ví dụ (gần như) ra khỏi 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"

Bạn có thể thử cái này

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

Thêm một giải pháp ...

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

Khi tôi cần viết mã ngắn hoặc một lớp lót, tôi sử dụng "hack" này:

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

Điều này sẽ không tính các dòng mới để có thể là một điều tốt hoặc xấu. Nếu bạn bao gồm các dòng mới, thay thế: /./bằng /[\S\s]/. Các một lớp lót khác mà bạn có thể thấy có thể sử dụng .split()mà có nhiều vấn đề

JS mới cho phép điều này:

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

Tốt hơn là sử dụng câu lệnh for ..., nếu chuỗi chứa các ký tự unicode, vì kích thước byte khác nhau.

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

Câu trả lời ngắn gọn: Array.from(string)sẽ cung cấp cho bạn những gì bạn có thể muốn và sau đó bạn có thể lặp lại trên đó hoặc bất cứ điều gì vì nó chỉ là một mảng.

ok hãy thử nó với chuỗi này : abc|⚫️\n⚪️|👨‍👩‍👧‍👧.

điểm mã là:

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

vì vậy một số ký tự có một mật mã (byte) và một số có hai hoặc nhiều hơn và một dòng mới được thêm vào để kiểm tra thêm.

Vì vậy, sau khi thử nghiệm có hai cách:

• byte trên mỗi byte (codepoint mỗi codepoint)
• nhóm nhân vật (nhưng không phải là biểu tượng cảm xúc của cả gia đình)

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

Bây giờ bạn có thể lặp lại các điểm mã Unicode riêng lẻ có trong Chuỗi bằng cách sử dụng String.prototype[@@iterator], nó trả về một giá trị của loại Biểu tượng nổi tiếng Symbol.iterator- trình lặp mặc định cho các Đối tượng giống như mảng ( Stringtrong trường hợp này).

Mã ví dụ:

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.

Điều này hoạt động với các ký tự Unicode như biểu tượng cảm xúc hoặc các ký tự không phải là chữ La Mã sẽ tăng các cấu trúc cũ.

Tham khảo: Liên kết MDN với String.prototype @@ iterator .

Bây giờ bạn có thể sử dụng trong từ khóa.

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

Bạn có thể nhận được một mảng các ký tự riêng lẻ như vậy

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

và sau đó lặp bằng cách sử dụng Javascript thông thường hoặc nếu không bạn có thể lặp qua các ký tự của chuỗi bằng jQuery bằng cách

var test = "test string";

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

bạn có thể chuyển đổi chuỗi này thành một mảng các ký tự bằng cách sử dụng split(), sau đó lặp qua nó.

const str = "javascript";
const strArray = str.split('');

strArray.map(s => console.log(s));

Nếu bạn muốn thực hiện chuyển đổi trên văn bản ở cấp độ ký tự và nhận lại văn bản đã chuyển đổi ở cuối, bạn sẽ làm một cái gì đó như thế này:

var value = "alma";
var new_value = value.split("").map(function(x) { return x+"E" }).join("")

Vì vậy, các bước:

• Chia chuỗi thành một mảng (danh sách) các ký tự
• Ánh xạ mỗi nhân vật thông qua một functor
• Nối các mảng kết quả của các ký tự lại với nhau thành chuỗi kết quả

Trong JavaScript ngày nay, bạn có thể

Array.prototype.map.call('This is my string', (c) => c+c)

Rõ ràng, c + c đại diện cho bất cứ điều gì bạn muốn làm với c.

Điều này trở lại

["TT", "hh", "ii", "ss", " ", "ii", "ss", " ", "mm", "yy", " ", "ss", "tt", "rr", "ii", "nn", "gg"]

Điều này sẽ hoạt động trong các trình duyệt cũ hơn và với các ký tự UTF-16 như.

Đây phải là giải pháp tương thích nhất. Tuy nhiên, nó ít hiệu quả hơn một forvòng lặp.

Tôi đã tạo biểu thức chính quy bằng regrecu

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

Hi vọng điêu nay co ich!

Bạn có thể truy cập các ký tự đơn với str.charAt(index)hoặc str[index]. Nhưng cách thứ hai không phải là một phần của ECMAScript để bạn tốt hơn với cách trước.

Nếu bạn muốn tạo hiệu ứng cho từng nhân vật, bạn có thể cần phải bọc nó trong phần tử span;

var $demoText = $("#demo-text");
$demoText.html( $demoText.html().replace(/./g, "<span>$&amp;</span>").replace(/\s/g, " "));

Tôi nghĩ rằng đây là cách tốt nhất để làm điều đó, sau đó xử lý các nhịp. (ví dụ với TweenMax)

TweenMax.staggerFromTo ($ demoText.find ("span"), 0.2, {autoAlpha: 0}, {autoAlpha: 1}, 0.1);

Hãy thử mã này

    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>