자바스크립트 문자열 다루기
템플릿 리터럴 - 백틱 템플릿 리터럴로 문자열 다루기 |
흔히 '백틱'이라 말하는 템플릿 리터럴(Template Literal)을 활용하여 문자열 조작하는 사용 방법에 대해 알아봅니다. 멀티라인 문자열, 변수 및 표현식 삽입, 동적 URL 생성 등 다양한 활용법을 예제와 함께 소개합니다. |
---|---|
length 문자열의 길이 반환 |
문자열에서 length 속성은 문자열에 포함된 문자의 개수를 숫자로 반환합니다. 빈 문자열은 length가 0입니다. 주의할 점은 length 속성이 읽기 전용(immutable)이며, 직접 수정할 수 없다는 것입니다. |
split() 문자열을 분리해서 배열로 변환 |
split() 함수는 자바스크립트에서 문자열을 주어진 문자열 구분자나 정규식을 기준으로 나누어 배열로 변환하는데 사용되는 함수입니다. 이 함수는 특히 문자열 분리, URL 분석 등의 작업에서 유용하게 사용됩니다. |
trim() 문자열 앞뒤 공백 제거 |
trim() 함수는 문자열의 양 끝에서 공백을 제거한 새로운 문자열을 반환하는 함수입니다. trim() 함수는 공백 문자(Space, Tab, NBSP 등)와 개행 문자(LF, CR 등)를 공백으로 간주합니다. 문자열 중간의 공백은 유지됩니다. |
toUpperCase() 문자열을 대문자로 변환 |
toUpperCase() 함수는 문자열을 대문자로 변환해서 반환하는 함수입니다. toUpperCase() 함수의 개념 정리 및 사용 예제에 대해 알아봅니다. |
toLowerCase() 문자열을 소문자로 변환 |
toLowerCase() 함수는 문자열을 소문자로 변환해서 반환하는 함수입니다. toLowerCase() 함수의 개념 정리 및 다양한 사용 예제에 대해 알아봅니다. |
charAt() 인덱스 위치에 해당하는 문자를 반환 |
charAt() 함수는 인수로 전달된 문자열의 인덱스 위치에 해당하는 문자를 반환하는 함수입니다. 문자열에서 원하는 위치의 문자를 쉽게 추출할 수 있습니다. |
includes() 문자열에 특정 문자열 포함 여부 확인 |
자바스크립트 문자열 includes() 함수는 문자열에 특정 문자열이 포함하는지 확인하는 함수입니다. 문자열에서 주어진 문자열이 포함되어 있으면 true를 그렇지 않으면 false를 반환합니다. 이 함수는 대소문자를 구분합니다. |
indexOf() 특정 문자열의 처음 등장한 위치 찾기 |
문자열 indexOf() 함수는 인수로 전달된 특정 문자열이 처음으로 나타나는 인덱스를 반환합니다. 문자열에서 문자의 위치를 찾거나, 존재하는지 확인할 때 유용한 함수입니다. |
lastIndexOf() 특정 문자열의 마지막 등장한 위치 찾기 |
문자열 lastIndexOf() 함수는 문자열에서 인수로 전달된 특정 문자열이 마지막으로 나타나는 인덱스를 반환합니다. 인수로 전달된 문자열를 찾을 수 없다면 -1을 반환합니다. |
startsWith() 특정 문자열로 시작하는지 체크 |
startsWith() 함수는 문자열이 특정 문자열로 시작하는지 체크합니다. 특정 문자열로 시작하면 true를 반환하고 그렇지 않으면 false를 반환하며, 대소문자를 구분합니다. |
endsWith() 특정 문자열로 끝나는지 체크 |
endsWith() 함수는 문자열이 특정 문자열로 끝나는지 체크합니다. 특정 문자열로 끝나면 true를 반환하고 그렇지 않으면 false를 반환하며, 대소문자를 구분합니다. |
slice() 문자열의 특정 범위 잘라서 가져오기 |
자바스크립트 문자열 slice() 함수는 문자열의 특정 범위의 문자열을 잘라내어(slice) 추출한 결과를 새로운 문자열로 반환하는 함수입니다. 이 함수는 문자열을 잘라서 추출하는데 매우 유용합니다. |
substring() 문자열의 부분 문자열 추출 |
substring() 함수는 문자열의 일부분을 추출합니다. 문자열을 인수로 전달된 시작 인덱스부터 종료 인덱스 전까지 추출해서 문자열로 반환하는 함수입니다. |
search() 정규식으로 일치하는 문자열을 찾아 인덱스로 반환 |
자바스크립트 문자열에서 search() 함수는 주어진 정규 표현식 패턴을 사용하여 문자열 내에서 검색(search)해서 첫 번째로 일치하는 위치(인덱스)를 반환하는 함수입니다. 이 함수는 대소문자를 구분하며, 검색하는 결과가 없으면 -1을 반환합니다. |
replace() 문자열을 다른 문자열로 교체 |
replace() 함수는 문자열의 특정 부분을 검색하여 다른 문자열로 교체(replace)하는 함수입니다. 특정 문자열이나 정규 표현식 패턴을 사용하여 원본 문자열 내에서 대상을 검색하고, 검색된 문자열과 일치하는 문자열을 지정한 문자열로 교체합니다. |
match() 정규식으로 일치하는 첫 번째 문자열을 배열로 반환 |
자바스크립트 문자열에서 match() 함수는 주어진 정규 표현식 패턴을 사용하여 문자열 내에서 매치(match, 일치)되는 첫 번째 부분을 찾아내는 함수입니다. 이메일 주소, 전화번호, URL과 같은 특정 패턴의 문자열을 검사할 때 유용합니다. |