질문은 간단합니다 : 나는 string이 있고 하나의 이모티콘이
str있는지 확인str하고 다른 것은 없는지 어떻게 확인 합니까? 또한 다른 라이브러리를 사용하지 않는 것이 좋습니다.일치
"🍎","⛹🏿♂️","3️⃣"하지만"🍓a","𝕒","🍌🍀"
해결책을 찾는 데 문제가 있지만 지금까지 시도한 내용은 다음과 같습니다.
시도한 솔루션 1-길이와 ...연산자를 중심으로 재생
이모티콘이 1 바이트 이상을 차지하고 일부는 4 바이트 이상을 차지한다는 것을 알았으며 문자열의 length속성 을 통해 측정 할 수 있습니다 .
console.log("🍎".length); // 2
console.log("🛡️".length); // 3
console.log("⛹🏿♂️".length); // 6그런 다음 ...연산자가 이것을 고려하여 배열에서 이모티콘을 올바르게 분리 한다는 것을 알았습니다. 그런 다음 결과 배열의 length속성 을보고 다른지 여부를 감지 할 수 있습니다.
str = "⛹🏿♂️";
if (str.length !== [...str].length) {
// is emoji?
} else {
// is not emoji
}그러나 𝕡길이가 2 인 다른 멀티 바이트 문자는 확인하지 않습니다 . 또한 일부 이모티콘은 여전히 이상하게 분리되었습니다.
해결 방법 2-정규식, 정규식
물론 정규식은 살펴볼 것이지만 아직 실행 가능한 솔루션을 찾지 못했습니다.
이 답변 의 정규 표현식 \u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]은 문자열에 이모티콘이 있는지 감지하기 위해 완벽하게 작동하지만 내 상황에 적용하면 많은 문제가 발생합니다. 내 테스트는 다음과 같습니다.
파트 A-문자열 정규식 시작 및 종료없이 ( ^및 $)
- 2A.1
str.match(regex)은 매우 일관성이 없으며 일부 이모티콘과 다른 일부는 사용할 수 없습니다. 이모티콘이 아닌 문자가 포함되어 있는지 또는 두 개 이상의 이모티콘이 포함되어 있는지 확인할 수있는 방법이 없습니다.
let regex = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/;
console.log("5️⃣".match(regex)); // [ '⃣', '⃣', index: 2, input: '5️⃣' ]
console.log("💡".match(regex)); // [ '💡', '💡', index: 0, input: '💡' ]
console.log("🌡️🌡️".match(regex)); // [ '🌡', '🌡', index: 0, input: '🌡️🌡️' ]
console.log("a⛅".match(regex)); // [ '⛅', '⛅', index: 1, input: 'a⛅' ]- 2A.2
regex.test(str)는 이모티콘이 문자열에 포함될 때마다 true를 반환합니다. 이것은 내가 찾는 동작이 아닙니다.
let regex = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/;
console.log(regex.test("5️⃣")); // true - correct
console.log(regex.test("a")); // false - correct
console.log(regex.test("🌡️🌡️")); // true - should be false
console.log(regex.test("hello ⛅!")); // true - should be false파트 B-문자열 정규식 시작 및 종료 ( ^및 $)
- 2B.1
str.match(regex)은null어떤 이유로 특정 이모티콘을 반환합니다 . 나는 그 이유를 알지 못하지만 왜str.match(regex)파트 A에서 이러한 이모티콘을 분해 할 것인지에 대한 관계가 있다고 가정합니다 .
let regex = /^(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/;
console.log("5️⃣".match(regex)); // null
console.log("💡".match(regex)); // [ '💡', '💡', index: 0, input: '💡' ]
console.log("🌡️".match(regex)); // null
console.log("⛅".match(regex)); // [ '⛅', '⛅', index: 1, input: 'a⛅' ]
console.log("🍌🍀".match(regex)); // null- 2B.2은
regex.test(str)반환false은 반환 같은 이모티콘에null에str.match(regex):
let regex = /^(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/;
console.log(regex.test("5️⃣")); // false - should be true
console.log(regex.test("💡")); // true - correct
console.log(regex.test("🌡️")); // false - should be true
console.log(regex.test("⛅")); // true - correct
console.log(regex.test("🍌🍀")); // false - correct파트 C-다른 정규식
- 나는 발견 이 일을 하지만, 비록 동일하지 유사한 일관성을 제공합니다
/(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c[\ude01\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c[\ude32\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|[\ud83c[\ude50\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])/g:
let regex = /^(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c[\ude01\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c[\ude32\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|[\ud83c[\ude50\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])$/g
console.log(regex.test("5️⃣")); // true - correct
console.log(regex.test("💡")); // false - should be true
console.log(regex.test("🌡️")); // false - should be true
console.log(regex.test("⛅")); // true - correct
console.log(regex.test("🍌🍀")); // false - correct- 또한 이것은 끔찍합니다 (첫 번째 테스트를 기반으로 두 번째 테스트 변경?)
let regex = /^(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c[\ude01\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c[\ude32\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|[\ud83c[\ude50\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])$/g
console.log(regex.test("⛹🏿♂️")); // false
console.log(regex.test("⛅")); // truelet regex = /^(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c[\ude01\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c[\ude32\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|[\ud83c[\ude50\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])$/g;
console.log(regex.test("⛹")); // true
console.log(regex.test("⛅")); // false이 모든 이모티콘 / 유니 코드 / 정규식 혼란을 해결할 수있는 방법이 있습니까? 라이브러리 / api가 유일한 방법입니까? 그들은 그걸 어떻게 햇어?
1
regex101.com/r/dQEURi/1
—
Wiktor Stribiżew
나는 개인적으로 정규 표현식을 유지 관리하는 것이 유니 코드 사양 에서 생성하지 않는 한 좋은 생각이 아니라고 생각 합니다 . 그래도 이미하고있는 라이브러리가 있습니다. emoji-regex 및 emoji.json을 참조하십시오 .
—
Jake Holzinger
정규식이 완벽하게 작동하는 Wiktor Stribiżew에게 감사합니다! 어떻게 어디서 어디서 구했는지 알 수 있습니까?
—
luxluxdev
도서관을위한 시간과 장소가 있습니다. IMHO 이것은 그들 중 하나입니다. 버전 및 파일 크기와의 종속성을 유지 관리하는 데 드는 비용은이 복잡한 문제를 다른 사람이 해결함으로써 다른 것보다 중요합니다.
—
Chris
Re : Daniel Vickers가 링크 한 라이브러리는 "어떻게 하는가" unicode.org/reports/tr29/#Default_Grapheme_Cluster_Table
—
Chris