Làm cách nào để tách chuỗi chứa biểu tượng cảm xúc thành một mảng?

Question

(Bạn sẽ cần Firefox hoặc Safari để xem biểu tượng cảm xúc trong mã.)

Tôi muốn lấy một chuỗi biểu tượng cảm xúc và làm điều gì đó với các ký tự riêng lẻ.

Trong JavaScript "⛔".length == 13 vì "⛔" chiều dài là 1, còn lại là 2. Vì vậy, chúng ta không thể làm

s = string.split(""); 
c = []; 
c[0] = s[0]+s[1]; 

---

Đây là những gì tôi đã làm:

Answer 1

Chỉnh sửa: xem Orlin Georgiev's answer cho một giải pháp thích hợp trong thư viện: https://github.com/orling/grapheme-splitter

---

Nhờ this answer tôi đã thực hiện một chức năng mà phải mất một chuỗi và trả về một mảng các biểu tượng cảm xúc:

var emojiStringToArray = function (str) { 
    split = str.split(/([\uD800-\uDBFF][\uDC00-\uDFFF])/); 
    arr = []; 
    for (var i=0; i<split.length; i++) { 
    char = split[i] 
    if (char !== "") { 
     arr.push(char); 
    } 
    } 
    return arr; 
}; 

Vì vậy

emojiStringToArray("⛔") 
// => Array [ "", "", "", "⛔", "", "", "" ] 

Answer 2

Javascript ES6 có một giải pháp !, cho một thực chia:

[..."⛔"] // ["", "", "", "⛔", "", "", ""] 

Yay? Ngoại trừ một thực tế là khi bạn chạy điều này thông qua transpiler của bạn, nó có thể không hoạt động (xem bình luận của @ brainkim). Nó chỉ hoạt động khi chạy trên trình duyệt tuân thủ ES6. May mắn là điều này bao gồm hầu hết các trình duyệt (Safari, Chrome, FF), nhưng nếu bạn đang tìm kiếm khả năng tương thích trình duyệt cao thì đây không phải là giải pháp cho bạn.

Answer 3

Thư viện grapheme-splitter mà không chỉ vậy, hoàn toàn tương thích ngay cả với các trình duyệt cũ và các công trình không chỉ với biểu tượng cảm xúc nhưng tất cả các loại nhân vật kỳ lạ: https://github.com/orling/grapheme-splitter Bạn có khả năng bỏ lỡ cạnh trường hợp trong bất kỳ nhà-brew dung dịch. Điều này thực sự dựa trên tiêu chuẩn Unicode UAX-29