다국어 문자열 비교를 위한 자바스크립트 Intl API 활용 방법

10 Nov 2023

javascript

다국어 문자열을 비교해야 하는 경우 자바스크립트 Intl API는 유용한 도구입니다. 이 API는 언어 및 지역에 따라 문자열을 비교하고 정렬하는 기능을 제공합니다. 이 글에서는 자바스크립트 Intl API를 활용하여 다국어 문자열을 비교하는 방법에 대해 알아보겠습니다.

Intl.Collator 객체 생성하기

Intl API의 Collator 객체를 사용하여 문자열을 비교할 수 있습니다. Collator 객체는 다양한 비교 옵션을 제공하며, 언어 및 지역별로 문자열을 비교할 수 있습니다.

const collator = new Intl.Collator('en');

위 예제에서는 영어 문자열을 비교하기 위해 ‘en’ 옵션을 지정하여 Collator 객체를 생성하였습니다.

문자열 비교하기

const str1 = 'apple';
const str2 = 'banana';
const result = collator.compare(str1, str2);

if (result < 0) {
  console.log(`${str1} comes before ${str2}`);
} else if (result > 0) {
  console.log(`${str1} comes after ${str2}`);
} else {
  console.log(`${str1} and ${str2} are equal`);
}

위 예제에서는 str1과 str2를 비교하여 결과를 출력하고 있습니다. compare 메서드는 비교 결과에 따라 -1, 0, 1의 값을 반환합니다. 따라서 각 경우에 따라 조건문을 활용하여 비교 결과를 처리할 수 있습니다.

다국어 문자열 비교하기

const collatorKo = new Intl.Collator('ko');
const collatorJa = new Intl.Collator('ja');

const strKo = '사과';
const strJa = 'りんご';

const resultKo = collatorKo.compare(strKo, strJa);
const resultJa = collatorJa.compare(strKo, strJa);

if (resultKo < 0) {
  console.log(`${strKo}가 ${strJa}보다 앞에 옵니다.`);
} else if (resultKo > 0) {
  console.log(`${strKo}가 ${strJa}보다 뒤에 옵니다.`);
} else {
  console.log(`${strKo}와 ${strJa}는 같습니다.`);
}

if (resultJa < 0) {
  console.log(`${strJa}가 ${strKo}보다 앞에 옵니다.`);
} else if (resultJa > 0) {
  console.log(`${strJa}가 ${strKo}보다 뒤에 옵니다.`);
} else {
  console.log(`${strJa}와 ${strKo}는 같습니다.`);
}

위 예제에서는 한국어와 일본어 문자열을 비교하는 과정을 보여주고 있습니다. 각 언어에 해당하는 Collator 객체를 생성하여 문자열을 비교할 수 있습니다.

결론

자바스크립트 Intl API를 사용하면 다국어 문자열 비교를 간편하게 처리할 수 있습니다. Collator 객체를 활용하여 언어 및 지역별로 문자열을 비교할 수 있으므로, 다양한 언어를 지원하는 웹 애플리케이션 개발에 유용한 도구입니다.

해시태그: #자바스크립트 #문자열비교