[JavaScript] 기본적인 문자열 메서드

김호준·2021년 11월 10일
0

JavaScript의 문자열 메서드

  • 자바스크립트에서 사용하는 문자열 메서드에 대해서 정리해보자 ..

1. indexOf()

  • 문자열에서 지정된 값이 처음 출력되는 인덱스값을 출력한다.
  • 해당 문자열이 지정된 문자열에 포함되어 있지 않다면 -1을 반환한다.
const str = "this is a short sentence";

// 문자열에서 지정된 값이 처음 출력되는 인덱스값을 출력한다.
console.log(str.indexOf("short"));      // 출력 : 10 

// 해당 문자열이 포함되어 있지 않다면 -1 을 출력한다.
console.log(str.indexOf("gd"));         // 출력 : -1

2. slice()

  • 해당 문자열을 잘라 새문자열로 반환하는 메서드이다. 즉, 해당 문자열을 잘라 출력한다.
  • slice(시작 인덱스, 끝 인덱스) 로 사용하는데 마지막 인덱스값을 아래의 예제처럼 4를 입력했다면 인덱스값이 3까지 출력하게 된다는 것에 주의하자 !!
const str1 = "스타벅스, 이디야, 파스쿠찌";

// 주의할 점은 아래처럼 마지막 인덱스값을 4를 입력하면, 인덱스 3의 값까지 출력한다.
console.log(str1.slice(0,4));           // 출력 : 스타벅스

3. toUpperCase()

  • 해당 문자열을 모두 대문자로 변환하는 메서드이다.
const str2 = "hi i'm hojun";

console.log(str2.toUpperCase());        // 출력 : HI I'M HOJUN

4. toLowerCase()

  • 해당 문자열을 모두 소문자로 변환하는 메서드이다.
const str2 = "HI I'M HOJUN";

console.log(str2.toUpperCase());        // 출력 : hi i'm hojun

5. startsWith()

  • 매개변수로 받은 값으로 문자열이 시작하는지 확인하는 메서드이다.
  • 해당 메서드는 대소문자를 구별하여 확인한다 !
const code = "abcedf";

console.log(code.startsWith("a"));		//True
console.log(code.startsWith("abc"));		//True
console.log(code.startsWith("ABC"));		//False
  • 또한 매개변수를 추가로 전달하여 검사 시작점을 지정할 수 있다.
const code = "abcdefghi";

console.log(code.startsWith("def", 3));		//True

6. endsWith()

  • startsWith 메서드와 유사하게 매개변수로 보낸 문자열로 해당 문자열이 끝나는지 확인하는 메서드이다.
  • endsWith 메서드 또한 대소문자를 구별한다.
  • 추가 매개변수를 입력하여 확인할 문자열의 길이를 전달할 수 있다.
const code1 = "abcdefghi";

console.log(code1.endsWith("ghi"));		//True

// 뒤의 매개변수 5는 code1의 문자열의 인덱스 5까지의 문자열만 확인하겠다는 것이다.
// 즉, "abcde"의 문자열은 "de"로 끝나므로 True를 리턴한다.
console.log(code1.endsWith("de", 5));		//True

7. includes()

  • 매개변수로 전달한 문자열이 해당 문자열에 포함되어있는지 확인한다.
const code2 = "abcdefg";

console.log(code2.includes("cde"));     // True
console.log(code2.includes("CDE"));     // False

8. repeat()

  • 해당 문자열을 매개변수의 수만큼 반복하며 인수로 받는 메서드이다.
const re = "HI ";
console.log(re.repeat(5));		// HI HI HI HI HI 

const rere = re.repeat(10);
console.log(rere);		// HI HI HI HI HI HI HI HI HI HI 

9. charAt()

  • 해당 문자열에서 매개변수로 보낸 인덱스 값의 문자를 출력한다.
const str = "가나다라마바사";

console.log(str.charAt(3));		// 라

10. substring()

  • 시작 인덱스와 끝 인덱스를 매개변수로 넘겨 해당 문자열에서 지정된 위치에 있는 문자열을 리턴하는 메서드이다.
  • 해당 메서드도 마지막 인덱스를 아래처럼 5를 입력하였다면 인덱스가 4인 문자까지 리턴한다는 것에 주의하장 !
const str = "가나다라마바사";

console.log(str.substring(2,5));		// 다라마

11. concat()

  • 여러 문자열을 합칠 수 있는 메서드이다.
const sstr1 = "김호준의 ";
const sstr2 = "나이는 ";
const sstr3 = "27살이다.";

const aa = sstr1.concat(sstr2, sstr3);

console.log(aa);		// 김호준의 나이는 27살이다.

12. substr(시작 index, 길이)

  • 매개변수로 시작 인덱스값과 길이를 넘겨주어 문자열의 시작부터 해당 길이만큼 잘라내는 메서드이다.
const str = "가나다라마바사";

console.log(str.substr(2, 4));		// 다라마바

13. split([분리자])

  • 해당 문자열을 분리자를 기준으로 잘라 배열로 리턴해주는 메서드이다.
const str = "안녕하세요 김호준 입니다.";

// 공백을 기준으로 잘라 str2에 배열로 리턴한다.
const str2 = str.split([" "]);		// ['안녕하세요', '김호준', '입니다.']
profile
Go-getter Developer

0개의 댓글