JavaScript/문자열7 [JS]이스케이프를 문자열로 처리하는 String.raw() 메서드 해당 포스팅은 String.raw() 메서드의 필요성과 사용 방법을 설명합니다. 개요 JavaScript에서 문자열을 설정하는 방법은 크게 두 가지로 분류된다. 첫 번째 방법은 작은따옴표(') 또는 큰 따옴표(")를 사용하는 것이고 두 번째 방법은 백틱(`)을 사용하는 것이다. // 작은 따옴표(') 또는 큰 따옴표(")를 사용하여 문자열 할당 const str1 = 'Hello'; const str2 = "Hello"; // 백틱(`)을 사용하여 문자열 할당 const str3 = `Hello`; 백틱을 사용하여 문자열을 할당하는 것을 템플릿 리터럴(Template literals)이라고 말하는데 줄 바꿈을 처리하기 위해 이스케이프를 작성하지 않아도 된다는 장점이 있다. const str1 = "Hi,.. JavaScript/문자열 2022. 12. 13. [JavaScript]문자열이 null인지 빈 값인지 체크하는 방법 문자열이 null인지 빈 값인지 체크하는 방법 JavaScript에서 문자열이 null인지 혹은 빈 값인지 체크해야 하는 상황이 발생할 수 있습니다. 만약, null이 할당된 문자열 변수에서 toString() 메서드를 호출하면, 다음과 같이 TypeError가 발생하므로 문자열이 null 및 undefined인지 체크하는 습관을 길들이는 게 좋습니다. const strValue = null; strValue.toString(); // Uncaught TypeError: Cannot read properties of null (reading 'toString') 참고로 문자열 빈 값은 문자열 변수가 "" 또는 ''으로 할당된 경우를 의미합니다. const strValue = ""; // 또는 ''으로 할.. JavaScript/문자열 2022. 10. 1. [JavaScript]문자열을 배열로 변환하는 방법 문자열을 배열로 변환하는 방법 JavaScript에서 문자열을 배열로 변환해야 하는 상황이 발생할 수 있습니다. 예를 들어, 문자열 "010-1234-5678"에서 하이픈(-)을 기준으로 문자열을 분리하고 분리된 문자열을 배열로 구성할 수 있습니다. ['010', '1234', '5678'] 또 다른 상황으로 단일 문자를 요소로 가지는 배열로 변환하거나 크기가 1인 배열로 변환해야 하는 상황이 발생할 수 있습니다. // 문자열 "010-1234-5678"을 단일 문자로 구성된 배열로 변환 ['0', '1', '0', '-', '1', '2', '3', '4', '-', '5', '6', '7', '8'] // 문자열 "010-1234-5678"을 크기가 1인 배열로 변환 ['010-1234-5678'] .. JavaScript/문자열 2022. 10. 1. [JavaScript]문자열을 분리하는 방법 문자열을 분리하는 방법 JavaScript에서 문자열을 분리해야 하는 상황이 발생할 수 있습니다. 예를 들어, 문자열 "010-1234-5678"에서 하이픈(-)을 기준으로 문자열을 분리할 수 있습니다. ["010", "1234", "5678"] 위 상황에서 JavaScript가 제공하는 split() 메서드를 사용하여 문자열을 분리하여 배열에 할당할 수 있습니다. 이번 포스팅은 JavaScript에서 제공하는 split() 메서드를 사용하여 문자열을 분리하는 방법을 소개합니다. String에서 제공하는 split 메서드 String에서 제공하는 split() 메서드를 사용하여 특정 구분자를 기준으로 문자열을 분리할 수 있습니다. 특정 구분자는 문자열 또는 정규표현식으로 설정할 수 있습니다. str.s.. JavaScript/문자열 2022. 10. 1. [JavaScript]문자열인지 확인하는 방법 문자열인지 확인하는 방법 이번 포스팅은 JavaScript에서 변수가 문자열인지 확인하는 몇 가지 방법과 주의사항을 소개합니다. typeof 연산자 첫 번째 방법으로 JavaScript에서 타입을 확인할 수 있는 typeof 연산자를 사용하여 변수가 문자열인지 확인할 수 있습니다. typeof 연산자는 피연산자의 데이터 유형을 반환하는 기능을 가지고 있으며, JavaScript의 기본 타입과 함수가 아닌 경우 객체로 취급합니다. 다음 예제는 typeof 연산자를 사용하여 다양한 데이터 타입을 확인합니다. const strValue = 'Hello'; const numValue = 100; const dateValue = new Date(); const array = [1, 2, 3]; const sum .. JavaScript/문자열 2022. 9. 23. [JavaScript]문자열 비교하는 방법 문자열 비교하는 방법 이번 포스팅은 JavaScript에서 문자열을 비교할 수 있는 몇 가지 방법을 소개합니다. 방법 1. 동치 연산자(===) 가장 잘 알려져 있고 대부분 많이 사용하는 방법인 동치 연산자(===)를 사용하여 두 문자열을 비교할 수 있습니다. const str1 = 'Hello'; const str2 = 'Hello'; console.log(str1 === 'Hello'); // true console.log(str1 === str2); // true 동등 연산자(==)는 두 피연산자의 값이 동일한 경우 true를 반환하며, 동치 연산자(===)는 두 피연산자의 값과 타입이 동일한 경우 true를 반환합니다. 다음 예제는 문자열 '1'이랑 숫자 1을 비교합니다. const strValu.. JavaScript/문자열 2022. 9. 23. [JavaScript]첫 번째 문자열이 대문자인지 소문자인지 체크하는 방법 첫 번째 문자열이 대문자인지 소문자인지 체크하는 방법 이번 포스팅은 JavaScript에서 첫 번째 문자열이 대문자인지 소문자인지 체크하는 몇 가지 방법을 소개합니다. 방법 1. toUpperCase 메서드 또는 toLowerCase 메서드 첫 번째 방법으로 toUpperCase() 메서드 또는 toLowerCase() 메서드를 사용할 수 있습니다. toUppderCase() 메서드는 문자열을 대문자로 변환하고 toLowerCase() 메서드는 문자열을 소문자로 변환합니다. [대소문자 체크 방법] 순서 1. 첫 번째 문자열을 가져옵니다. 순서 2. toUpperCase() 메서드 또는 toLowerCase() 메서드를 호출하여 대문자 또는 소문자로 변환합니다. 순서 3. 첫 번째 문자열을 대소문자로 변환.. JavaScript/문자열 2022. 9. 18. 이전 1 다음