> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 문자열의 악센트를 제거하는 방법은 무엇입니까?

JavaScript에서 문자열의 악센트를 제거하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-12-13 16:15:10
원래의
437명이 탐색했습니다.

How to Remove Accents from Strings in JavaScript?

JavaScript에서 문자열의 악센트/분음 부호 제거

문자열에서 강조 문자를 제거하려면 포괄적인 문자를 사용해야 합니다. 문자열 정규화 및 문자 클래스 일치와 관련된 프로세스입니다. 이를 달성하는 방법에 대한 자세한 가이드는 다음과 같습니다.

String.prototype.normalize()를 사용하는 ES2015/ES6 솔루션

const str = "Crème Brûlée";
const accentedCharsRegex = /[\u0300-\u036f]/g;

const normalizedStr = str.normalize("NFD");
const accentsRemovedStr = normalizedStr.replace(accentedCharsRegex, "");

console.log(accentsRemovedStr); // "Creme Brulee"
로그인 후 복사

여기서 Normalize("NFD ") 메서드는 결합된 문자(예: è)를 구성 요소(e 및 ̀)로 분해합니다. 이어서, 정규식 [u0300-u036f]는 지정된 유니코드 범위 내의 모든 구별 기호를 대상으로 하고 대체합니다.

유니코드 속성 이스케이프 방법

ES2020 내에서 다음을 활용할 수 있습니다. 유니코드 속성은 보다 간결하게 이스케이프됩니다. 접근 방식:

const str = "Crème Brûlée";
const accentsRemovedStr = str.normalize("NFD").replace(/\p{Diacritic}/gu, "");

console.log(accentsRemovedStr); // "Creme Brulee"
로그인 후 복사

이 방법은 특정 유니코드 범위를 정의하는 대신 p{Diacritic} 속성 이스케이프를 활용하여 모든 발음 구별 부호를 일치시킵니다.

Intl.Collator를 사용한 정렬

주된 목표가 악센트가 있는 문자열을 정렬하는 것이라면 Intl.Collator 사용을 고려해 볼 수 있습니다. 악센트 구분 정렬에 대한 만족스러운 지원을 제공합니다.

const strArr = ["crème brûlée", "crame brulai", "creme brulee", "crexe brulee", "crome brouillé"];

const collator = new Intl.Collator();
const sortedArr = strArr.sort(collator.compare);

console.log(sortedArr);
로그인 후 복사

기본적으로 Intl.Collator는 문자열을 대소문자를 구분하거나 악센트를 구분하지 않고 정렬합니다. 악센트 구분 정렬을 수행하려면 Intl.Collator를 인스턴스화하는 동안 특정 규칙을 정의하는 것이 중요합니다.

위 내용은 JavaScript에서 문자열의 악센트를 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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