> 웹 프론트엔드 > JS 튜토리얼 > 유니코드 속성 이스케이프를 사용하여 JavaScript에서 이모티콘을 어떻게 감지할 수 있습니까?

유니코드 속성 이스케이프를 사용하여 JavaScript에서 이모티콘을 어떻게 감지할 수 있습니까?

DDD
풀어 주다: 2024-10-25 05:54:02
원래의
508명이 탐색했습니다.

How Can You Detect Emojis in JavaScript Using Unicode Property Escape?

유니코드 속성 이스케이프를 사용하여 JavaScript에서 이모티콘 감지

소개

JavaScript에서 이모티콘을 감지하면 다양한 캐릭터 세트로 인해 도전적입니다. 그러나 최신 브라우저는 유니코드 속성 이스케이프를 사용하여 강력한 솔루션을 제공합니다. 이 접근 방식을 사용하면 유니코드 표준 내 카테고리에 따라 이모티콘을 정확하게 감지할 수 있습니다.

p{Emoji} 속성 이스케이프 사용

p{Emoji} 속성 이스케이프 사용 유니코드의 Emoji 카테고리에 속하는 모든 문자와 일치합니다. 여기에는 다음이 포함됩니다.

  • 이모지: ?, ?, ?
  • 이모티콘: :)

P{Emoji} 속성 이스케이프 사용

이모지가 아닌 항목을 감지하려면 P{Emoji} 속성 이스케이프를 사용하세요. 이는 다음과 같이 Emoji 카테고리에 속하지 않는 모든 문자와 일치합니다:

  • 문자: a, b, z
  • 숫자: 0, 1, 2

예제 코드

다음은 유니코드 속성 이스케이프를 사용하여 이모티콘을 감지하는 방법을 보여주는 예입니다.

<code class="js">console.log(
  /\p{Emoji}/u.test('flowers'), // false :)
  /\p{Emoji}/u.test('flowers ???'), // true :)
  /\p{Emoji}/u.test('flowers 123'), // true :( 
)</code>
로그인 후 복사

p{Extended_Pictographic} 속성 이스케이프 사용

일반적으로 이모티콘으로 이해되는 문자를 구체적으로 일치시키려면 p{Extended_Pictographic} 속성 이스케이프를 사용하세요. 이렇게 하면 Emoji 카테고리에도 있는 숫자나 구두점과 같은 문자가 일치하지 않습니다.

예제 코드

<code class="js">console.log(
  /\p{Extended_Pictographic}/u.test('flowers'), // false :)
  /\p{Extended_Pictographic}/u.test('flowers ???'), // true :)
  /\p{Extended_Pictographic}/u.test('flowers 123'), // false :)
)</code>
로그인 후 복사

u 플래그 기억하기

유니코드 지원을 활성화하려면 정규식 끝에 u 플래그를 포함하는 것이 중요합니다. 이 플래그는 유니코드 속성 이스케이프가 올바르게 인식되도록 보장합니다.

위 내용은 유니코드 속성 이스케이프를 사용하여 JavaScript에서 이모티콘을 어떻게 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿