Intl.ListFormat을 사용하여 다국어로 목록 표시하기
먼저, Intl.ListFormat을 사용하기 위해 번역할 언어를 지정해야 합니다. 다음은 한국어와 영어로 목록을 표시하는 예제입니다:
const list = ["사과", "바나나", "오렌지"];
// 한국어로 목록 표시
const listFormat = new Intl.ListFormat("ko-KR", { style: "long", type: "conjunction" });
console.log(listFormat.format(list)); // 출력: "사과, 바나나, 및 오렌지"
// 영어로 목록 표시
const listFormat = new Intl.ListFormat("en-US", { style: "long", type: "conjunction" });
console.log(listFormat.format(list)); // 출력: "사과, 바나나, and 오렌지"
위의 예제에서 Intl.ListFormat("ko-KR", { style: "long", type: "conjunction" })과 Intl.ListFormat("en-US", { style: "long", type: "conjunction" })은 각각 한국어와 영어로 목록을 표시하기 위한 ListFormat 인스턴스를 생성합니다. style과 type 매개변수를 통해 목록의 스타일과 구분 방법을 지정할 수 있습니다.
style 매개변수는 “long”, “short”, “narrow” 중 하나를 선택할 수 있으며, 각각 길게, 짧게, 더 축약된 형식으로 표시됩니다. type 매개변수는 “conjunction”, “disjunction”, “unit” 중 하나를 선택할 수 있으며, 각각 항목을 연결하는 용어, 항목을 구분하는 용어, 단일 항목을 표시하기 위한 용어를 나타냅니다.
Intl.ListFormat을 사용하여 다국어로 목록을 표시하면 사용자가 설정한 언어에 따라 자동으로 번역되어 더욱 사용자 친화적인 애플리케이션을 만들 수 있습니다.
참고 자료: