JavaScript에서 알아야 할 문자열 메서드

메서드를 모른 채 문자열로 작업하는 것은 개발자에게 악몽이 될 것입니다.

이러한 악몽을 없애기 위해서는 JavaScript에서 문자열의 가장 필수적인 속성과 메서드를 알아야 합니다.

하나씩 살펴보겠습니다.

길이

length 속성은 문자열의 길이를 반환합니다.

const company = "koreantech.org";

console.log(company.length);

대문자로()

toUpperCase 메서드는 문자열의 모든 문자를 대문자로 바꾸고 반환합니다. 원래 문자열을 변경하지 않습니다.

const company = "koreantech.org";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

toLowerCase()

toLowerCase 메서드는 문자열의 모든 문자를 소문자로 변환하여 반환합니다. 원래 문자열을 변경하지 않습니다.

const company = "koreantech.org";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

손질()

trim 메서드는 문자열에서 시작 및 끝 공백을 제거합니다. 제자리 작업입니다. 즉, 원래 문자열을 업데이트합니다.

const company = "         Geek   Flare           ";

console.log(company);
console.log(company.trim());

charAt(색인)

charAt 메서드는 주어진 인덱스에 있는 문자를 반환합니다. 인덱스가 유효하지 않으면 빈 문자열을 반환합니다.

const company = "koreantech.org";

console.log(company.charAt(2));
console.log(company.charAt(10));

charCodeAt(색인)

charCodeAt 메서드는 주어진 인덱스에서 문자 ASCII 코드를 반환합니다. 인덱스가 유효하지 않으면 NaN을 반환합니다.

const company = "koreantech.org";

console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));

슬라이스(시작인덱스, 종료인덱스)

메서드 슬라이스는 문자열에서 startIndex부터 endIndex(포함하지 않음)까지의 하위 문자열을 반환합니다. string.slice(0, 6)는 0번째 인덱스부터 5번째 인덱스까지의 하위 문자열을 반환합니다.

const company = "koreantech.org";

console.log(company.slice(0, 4));

메소드 슬라이스는 sing 인수도 허용합니다. 슬라이스 메서드에 단일 인수를 전달하면 주어진 인덱스에서 문자열 끝까지의 하위 문자열을 반환합니다.

const company = "koreantech.org";

console.log(company.slice(4));

메소드 슬라이스는 음수 인덱스도 허용합니다. 음수 인덱스는 문자열의 끝에서 계산됩니다. 대부분의 사람들에게 생소한 예를 살펴보겠습니다.

문자열 koreantech.org가 주어지면 음수 인덱스는 다음과 같습니다.

G = -9, e = -8, e = -7, k = -6

등등…

string.slice(-9, -5) 코드는 위의 예에서 Geek를 반환합니다.

const company = "koreantech.org";

console.log(company.slice(-9, -5));

string.slice(-5) 코드는 위의 예에서 Flare를 반환합니다.

const company = "koreantech.org";

console.log(company.slice(-5));

참고: 네거티브 인덱싱은 IE8 및 이전 버전에서 작동하지 않습니다.

substr(시작 인덱스, 길이)

substr 메서드는 슬라이스 메서드와 유사합니다. 유일한 차이점은 substr 메서드가 원래 문자열에서 추출해야 하는 하위 문자열 길이를 허용한다는 것입니다.

const company = "koreantech.org";

console.log(company.substr(4, 5));

슬라이스 방법과 유사한 substring이라는 또 다른 방법이 있습니다. 그러나 메서드 하위 문자열은 음수 인덱스를 허용하지 않습니다. 사용해 보세요.

만우절에 할 수 있는 무해한 장난이 있습니다.

교체(하위 문자열, newSubstring)

replace 메서드는 하위 문자열의 첫 번째 인스턴스를 newSubString으로 바꿉니다.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "koreantech.org"));

indexOf(하위 문자열)

indexOf 메서드는 문자열에서 주어진 문자의 시작 인덱스를 반환합니다. 문자가 문자열에 없으면 -1을 반환합니다.

const company = "koreantech.org";

console.log(company.indexOf("Flare"));
console.log(company.indexOf("O"));

indexOf 메서드는 주어진 하위 문자열에 대한 검색이 시작되는 인덱스인 두 번째 인수를 허용합니다.

const company = "koreantech.org";

console.log(company.indexOf("e"));
console.log(company.indexOf("e", 5));

indexOf 메서드와 유사한 lastIndexOf라는 또 다른 메서드가 있습니다. 유일한 차이점은 lastIndexOf 메서드는 문자열의 끝에서 문자를 검색하고 문자의 첫 번째 인스턴스 인덱스를 반환한다는 것입니다. company.lastIndexOf(‘e’) 코드에 대해 사용해 보십시오.

분할(하위 문자열)

split 메서드는 하위 문자열에서 주어진 문자열을 분할하고 해당 부분을 배열로 반환합니다.

const statement = "Visit, the, site, koreantech.org";

console.log(statement.split(" "));
console.log(statement.split(", "));

결론

이것이 끝이 아닙니다. 설명서에서 문자열의 나머지 메서드를 탐색합니다. 특정한 경우에 유용한 다른 방법이 있을 수 있습니다.

여기에 나열되지 않은 경우 특정 항목에서 검색하여 사용하십시오.

행복한 코딩 🙂

다음으로 인기 있는 JavaScript 프레임워크 중 일부를 탐색합니다.