자바 스크립트 문자열의 조작은 대부분의 웹 개발 프로젝트에서 매우 중요합니다. 그래서,이 포스트에서 우리는 자바 스크립트에서 중요하고 자주 사용되는 문자열 메소드를 살펴볼 것입니다. 다음은 이 방법을 배우는 데 사용할 문자열입니다.

var stringOne = "Let's learn important javascript string methods."
var stringTwo = "Also we will see their examples."

charAt() 

String 객체의 charAt() 메서드는 지정된 오프셋에 위치한 단일 UTF-16 코드 단위로 구성된 새 문자열을 문자열로 반환합니다. 인덱스를 정수로 변환 할 수 없거나 인덱스가 제공되지 않은 경우 기본값은 0이므로 문자열의 첫 번째 문자가 반환됩니다.

const index = 4;
console.log(`Character at index ${index} in stringOne is ${stringOne.charAt(index)}`);

Output 

Character at index 4 in stringOne is s

concat() 

concat() 메서드는 문자열 인수를 호출 문자열에 연결하고 새 문자열을 반환합니다. 인수가 문자열 유형이 아닌 경우 연결하기 전에 문자열 값으로 변환됩니다.

console.log(stringOne.concat(stringTwo));
console.log(stringOne.concat('And ', stringTwo));

Output 

Let's learn important javascript string methods.Also we will see their examples. 

Let's learn important javascript string methods.And Also we will see their examples.

endsWith() 

endsWith() 메서드는 문자열이 지정된 문자열의 문자로 끝나는 지 여부를 확인하여 적절하게 true 또는 false를 반환합니다. 이 방법은 대소 문자를 구분합니다. 두 번째 인수가 제공되면 문자열 길이로 사용됩니다. 기본값은 string.length입니다.

console.log(stringOne.endsWith('methods.'));
console.log(stringOne.endsWith('javascript'));
console.log(stringOne.endsWith('javascript', 32));

Output 

true 

false 

true

includes() 

includes() 메서드는 대소 문자를 구분하는 검색을 수행하여 한 문자열이 다른 문자열 내에서 발견 될 수 있는지 여부를 확인하고 적절하게 true 또는 false를 반환합니다. 두 번째 인수는 searchString 검색을 시작할 문자열 내의 위치입니다. (기본값은 0입니다.)

console.log(stringOne.includes("Let's"));
console.log(stringOne.includes("Let's", 1)); //Start searching from first index
console.log(stringOne.includes("let's")); //Case sensitive

Output 

true 

false 

false

indexOf() 

indexOf() 메서드는 fromIndex에서 검색을 시작하여 지정된 값이 처음 나타나는 호출 String 객체 내의 인덱스를 반환합니다. 값이 없으면 -1을 반환합니다. fromIndex는 검색을 시작할 인덱스를 나타내는 정수인 두 번째 인수입니다. 기본값은 0입니다.

console.log(stringOne.indexOf('a'));
console.log(stringOne.indexOf('a', 15)); //Start searching from index 15

Output 

8 

18

lastIndexOf() 

lastIndexOf() 메서드는 indexOf() 메서드와 동일합니다. 차이점은 첫 번째 발생 대신 주어진 문자열의 마지막 발생을 검색한다는 것입니다. searchValue의 마지막 발생 색인을 반환합니다. 찾을 수 없는 경우 -1.

console.log(stringOne.lastIndexOf('a'));

Output 

25

replace() 

replace() 메서드는 패턴의 일부 또는 모든 일치 항목이 대체로 대체 된 새 문자열을 반환합니다. 패턴은 문자열 또는 RegExp 일 수 있으며 대체는 각 일치에 대해 호출 할 문자열 또는 함수일 수 있습니다. pattern이 문자열 인 경우 첫 번째 항목 만 대체됩니다. 원래 문자열은 변경되지 않습니다.

console.log(stringOne.replace('methods', 'functions'));
console.log(stringOne.replace('important', 'must know'));
const regex = /Javascript/i;
console.log(stringOne.replace(regex, 'JS'));

Output 

Let's learn important javascript string functions. 

Let's learn must know javascript string methods. 

Let's learn important JS string methods.

replaceAll()도 비슷한 방법이지만 차이점은 첫 번째 일치 항목을 대체하는 대신 문자열의 모든 일치 항목을 대체한다는 것입니다.

startsWith() 

startsWith() 메서드는 문자열이 지정된 문자열의 문자로 시작하는지 여부를 결정하고 적절하게 true 또는 false를 반환합니다. 두 번째 인수는 이 문자열에서 searchString 검색을 시작할 위치입니다. 기본값은 0입니다.

console.log(stringOne.startsWith("Let's"));
console.log(stringOne.startsWith("Let's", 5)); // Start searching from position at index 5

Output 

true\ 

false

slice() 

slice() 메서드는 원래 문자열을 수정하지 않고 문자열의 섹션을 추출하여 새 문자열로 반환합니다. 첫 번째 인수는 beginIndex-추출을 시작할 인덱스 (0부터 시작)입니다. 그리고 두 번째 srgument는 endIndex-추출을 종료하기 전에 0부터 시작하는 인덱스입니다. endIndex의 문자는 포함되지 않습니다. \

두 endIndex 및 beginIndex 중 하나 또는 둘 다 음수이면 str.length + endIndex 및 str.length + beginIndex로 처리됩니다. (예를 들어 endIndex가 -3이면 str.length-3으로 처리됩니다.)

console.log(`Length of stringOne is ${stringOne.length}`);
console.log(stringOne.slice(6, 22)); // Start at index 6 and extract upto index 22 not including 22
console.log(stringOne.slice(6, -9)); // Start at index 6 and extract upto index 48 - 9 = 39 not including 39
console.log(stringOne.slice(6)); // Start at index 6 and extract whole string
console.log(stringOne.slice(50)); // As startIndex is greater than length return empty string

Output 

Length of stringOne is 48 

learn important 

learn important javascript string 

learn important javascript string methods.

split() 

split() 메서드는 문자열을 순서가 지정된 하위 문자열 목록으로 나누고 이러한 하위 문자열을 배열에 넣고 배열을 반환합니다.

console.log(stringOne.split(' '));
console.log(stringOne.split('learn'));

Output 

[ "Let's", 'learn', 'important', 'javascript', 'string', 'methods.' ] 

[ "Let's ", ' important javascript string methods.' ]

substr() 

substr() 메서드는 지정된 인덱스에서 시작하여 이후에 주어진 문자 수만큼 확장되는 문자열의 일부를 반환합니다.

console.log(stringOne.substr(6)); // Start at index 6 and extract whole remaining string
console.log(stringOne.substr(6, 34)); // Start at index 6 and extract next 34 characters.

Output 

learn important javascript string methods. 

learn important javascript string

trim() 

trim() 메서드는 문자열의 양쪽 끝에서 공백을 제거합니다. 이 컨텍스트에서 공백은 모든 공백 문자 (공백, 탭, 줄 바꿈 없음 등) 및 모든 줄 종결 문자 (LF, CR 등)입니다.

var stringThree = '       remove whitespaces       ';
console.log(stringThree.trim());

Output 

remove whitespaces

trimEnd() 및 trimStart()는 각각 문자열의 끝과 시작에서 공백을 제거하는 유사한 메서드입니다.

match() 

match() 메서드는 정규식에 대해 문자열을 일치 시킨 결과를 검색합니다. 여기에서 정규식에 대해 배울 수 있습니다.

const regex = /[A-Z]/g; // regex for capital characters
console.log(stringOne.match(regex));

Output 

[ 'L' ]

toLowerCase() 

toLowerCase() 메서드는 소문자로 변환 된 호출 문자열 값을 반환합니다.

var stringThree = 'THIS IS DEMO STRING';
console.log(stringThree.toLowerCase());

Output 

this is demo string

toUpperCase() 

toUpperCase() 메서드는 대문자로 변환 된 호출 문자열 값을 반환합니다.

var stringThree = 'this is demo string';
console.log(stringThree.totoUpperCase()());

Output 

THIS IS DEMO STRING

https://dev.to/satishnaikawadi2001/15-very-important-javascript-string-methods-every-developer-should-know-1apb