Home-theater-designers
JavaScript로 프로그래밍하는 동안 문자열 조작이 필요한 시나리오를 자주 접하게 됩니다. 예를 들어 이메일을 검색하는 동안 모든 문자를 소문자로 변환하거나 정규식을 사용하여 입력한 비밀번호가 모든 조건을 충족하는지 확인해야 할 수 있습니다.
JavaScript 문자열 메서드를 사용하면 요구 사항에 따라 문자열에서 이러한 모든 작업을 쉽게 수행할 수 있습니다. 다음은 잘 이해하는 데 도움이 되는 예제와 함께 10가지 문자열 메서드입니다.
JavaScript 문자열 메서드란 무엇입니까?
문자열은 일련의 문자로 구성된 기본 데이터 구조입니다. 이 데이터 구조는 Python, JavaScript, Java 등을 포함한 모든 주요 프로그래밍 언어의 일부입니다.
문자열 메서드는 개발자가 코드를 수동으로 작성할 필요 없이 문자열에 대한 일반적인 작업을 수행하는 데 도움이 되는 사전 빌드된 JavaScript 메서드입니다. 문자열 변수에 첨부된 점 표기법을 사용하여 실행됩니다.
관련된: 프로그래밍에서 함수란?
ps3 게임은 ps4와 호환되나요?
그것들은 JavaScript 함수이기 때문에 항상 선택적 인수를 포함할 수 있는 괄호로 끝납니다. 아는 것이 필수적입니다. JavaScript가 무엇이며 어떻게 작동하는지 더 진행하기 전에. 시작하여 이러한 방법을 더 자세히 알아보겠습니다.
다가오는 방법을 위해 문자열 변수를 사용합시다. NS '의 값으로 MUO에 오신 것을 환영합니다! ' 예로서.
let str = 'Welcome to MUO!'1. String.toLowerCase() 및 String.toUppperCase()
NS 소문자() string 메서드는 주어진 문자열의 모든 문자를 소문자 형식으로 변환하고 유사하게 대문자로() 메서드는 모든 문자를 대문자 형식으로 변환합니다. 이 함수는 원래 문자열을 수정하지 않습니다.
통사론:
toUpperCase()
toLowerCase()빠른 예를 들어 이 두 가지 방법을 확인해 보겠습니다.
console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);콘솔에서 위의 코드를 실행하면 다음과 같은 출력을 받게 됩니다.
'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'2. String.concat()
NS 연결() 메소드는 두 개 이상의 문자열을 함께 결합하는 데 사용됩니다. 이 메서드에 하나 이상의 인수를 추가하여 단일 문자열로 연결할 수 있습니다. 원래 문자열을 수정하지 않습니다.
통사론:
concat(str1, str2, str3, ...)다음은 두 문자열을 연결하여 새 문자열을 형성하는 방법을 보여주는 예입니다.
let str2 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'3. String.indexOf() 및 String.lastIndexOf()
NS indexOf() 메소드는 지정된 문자 또는 하위 문자열이 있는 첫 번째 인덱스를 찾는 데 도움이 됩니다. 왼쪽에서 시작하여 문자열을 추적하여 주어진 인수가 일치하는지 확인합니다.
통사론:
indexOf(str)인덱스를 알아봅시다. 무오 는 다음과 같은 예와 함께 문자열에 있습니다.
console.log(str.indexOf('MUO')); 11주어진 인수가 문자열에 없으면 메서드는 -1 값을 반환합니다.
console.log(str.indexOf('Hello')); -1유사하게, 마지막 인덱스() 메서드는 주어진 문자 또는 문자열이 마지막으로 나타나는 인덱스를 반환합니다. 다음은 예입니다.
console.log(str.lastIndexOf('e')); 6비록 알파벳이지만 그리고 인덱스 1에 나타나고 이 문자의 마지막 출현은 인덱스 6에 있으므로 출력으로 반환됩니다.
4. String.charAt()
NS 문자() string 메서드는 문자열의 지정된 인덱스에 있는 문자를 반환합니다. 문자를 검색할 인덱스인 하나의 인수만 허용합니다. 인덱스 값의 범위는 0에서 길이 - 1입니다.
통사론:
charAt(index)다음은 의 예입니다. 문자() 방법:
console.log(str.charAt(9));
console.log(str.charAt(0));
console.log(str.charAt(str.length - 1)); o
W
!위의 예에서, str.length - 1 인수로 전달된 경우 메서드는 문자열의 마지막 문자를 반환합니다. 허용 범위를 벗어나는 잘못된 인덱스를 입력하면 이 메서드는 -1을 반환합니다.
5. String.charCodeAt()
charAt 메소드와 유사하게, NS charCodeAt() 메서드는 다음을 반환합니다. 아스키 값 지정된 인덱스에 있는 문자의 이 문자열 메서드는 문자를 검색할 인덱스인 하나의 인수만 사용합니다.
통사론:
charCodeAt(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1); 109
33다시 한 번, 인덱스 값의 범위는 0에서 길이 - 1이며 허용되는 제한을 초과하여 인덱스를 전달하려고 하면 이 메서드는 -1을 반환합니다.
6. String.replace()
이름에서 알 수 있듯이 바꾸다() 메서드는 문자열의 한 부분을 다른 부분으로 대체하는 데 도움이 됩니다. 이 메서드는 두 개의 인수를 사용합니다. 첫 번째 인수는 대체할 하위 문자열이고 두 번째 인수는 대체할 하위 문자열입니다. 이 방법은 원래 문자열을 수정하지 않습니다.
통사론:
replace(str1, str2)예를 들어 단어를 바꾸려면 무오 ~와 함께 이 웹사이트 문자열 변수에서 다음을 사용할 수 있습니다. 바꾸다() 다음과 같은 방법:
let newString = str.replace('MUO', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to MUO!7. String.split()
NS 나뉘다() 메서드는 메서드에 전달된 구분 기호 인수에 따라 문자열의 모든 단어 또는 문자를 분해하는 데 사용됩니다. 이 메서드의 반환 유형은 배열입니다. 이 배열은 지정된 구분 기호에 따라 분할된 모든 문자 또는 하위 문자열로 구성됩니다. 이 메서드는 원래 문자열을 수정하지 않습니다.
통사론:
split(separator)예를 들어 공백(' ')이 split 메서드에 구분 기호 인수로 전달되면 출력이 다음과 같이 표시됩니다.
let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', 'MUO!']인수를 전달하지 않으면 나뉘다() 메소드를 사용하면 문자열 변수의 값으로 구성된 단일 요소가 있는 배열을 반환합니다.
let splitArray = str.split();
console.log(splitArray); ['Welcome to MUO!']8. String.substring()
NS 부분 문자열() 메서드는 부분 문자열 또는 원본 문자열의 일부를 얻는 데 사용됩니다. 이 메서드는 시작 인덱스와 끝 인덱스의 두 가지 매개변수를 사용합니다. 출력 부분 문자열은 지정된 시작 인덱스에서 시작하여 끝 인덱스 - 1까지 인쇄합니다.
통사론:
substring(startIndex, endIndex)다음은 간단한 예입니다. 부분 문자열() 방법:
console.log(str.substring(2,8)); 'lcome'끝 인덱스의 문자는 출력의 일부가 아닙니다.
9. 문자열.검색()
NS 검색() 메서드는 원래 문자열 내에서 특정 하위 문자열이나 문자를 찾는 데 도움이 됩니다. 이 메서드는 문자 그룹 또는 하위 문자열을 인수로 받아들이고 문자열을 추적합니다. 일치하는 항목을 찾으면 일치하는 부분의 시작 인덱스가 반환됩니다. 그렇지 않으면 이 메서드는 -1을 반환합니다.
통사론:
search(substring)당신은 사용할 수 있습니다 검색() 이 방법으로:
console.log(str.search('MUO'));
console.log(str.search('2')); 11
-110. String.trim()
NS 손질() 메서드는 문자열의 첫 번째 문자 앞과 마지막 문자 뒤의 모든 공백을 제거합니다. 이 방법은 매개변수를 전달할 필요가 없으며 원래 문자열을 수정하지 않습니다. 양식에서 사용자 입력 유효성 검사에 매우 유용합니다.
통사론:
trim()이 문자열 메서드를 탐색하기 위해 새로운 예를 들어 보겠습니다.
Google Play에서 국가를 변경하는 방법
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to MUO! '더 많은 JavaScript 메소드 확인
따라서 이것은 JavaScript 개발자로서 생산성을 높이는 데 도움이 될 수 있는 몇 가지 일반적인 문자열 메서드를 간략하게 정리한 것입니다. 이러한 방법은 또한 문자열 관련 질문에 대한 코딩 인터뷰에 도움이 됩니다. 연습은 완벽을 만듭니다. 따라서 자신의 콘솔에서 이러한 방법을 시도해 보십시오.
문자열 메서드를 완전히 익히고 나면 JavaScript에 대한 숙달을 더욱 향상시킬 수 있는 몇 가지 배열 메서드를 살펴보는 것이 좋습니다.
공유하다 공유하다 트위터 이메일 오늘 마스터해야 하는 15가지 JavaScript 배열 메서드JavaScript 배열을 이해하고 싶지만 이해하기 어려우신가요? 지침은 JavaScript 배열 예제를 확인하십시오.
다음 읽기 관련 항목- 프로그램 작성
- 자바스크립트
- 코딩 팁
Nitin은 열렬한 소프트웨어 개발자이자 JavaScript 기술을 사용하여 웹 애플리케이션을 개발하는 컴퓨터 공학 학생입니다. 그는 프리랜서 웹 개발자로 일하고 있으며 여가 시간에는 Linux 및 프로그래밍에 대한 글을 쓰는 것을 좋아합니다.
Nitin Ranganath가 참여한 작품 더보기뉴스레터 구독
기술 팁, 리뷰, 무료 전자책 및 독점 거래에 대한 뉴스레터에 가입하십시오!
구독하려면 여기를 클릭하세요.