[JavaScript] String 인스턴스 메소드

String 인스턴스 메소드

---

indexOf(), lastIndexOf()

indexOf() : 그 문자열이 시작되는 인덱스 번호를 반환. 만약에 찾고자 하는 문자열이 없으면, -1 반환

lastIndexOf() : 마지막 인덱스 번호

<script>
  let str = "Welcome Seoul";
  console.log(str.indexOf("l")); //2
  console.log(str.indexOf("l", 5)); // 두번째 문자열을 찾을 시작 인덱스 위치
  console.log(str.indexOf("Seoul")); //8
  console.log(str.lastIndexOf("l")); //12
</script>

 

예제

전화번호를 입력 받는데, 전화번호 입력 규칙은 하이픈(-)을 제외하고 입력받아야 하는 경우

<script>
  let tel = "010-0000-0000";
  if (tel.indexOf("-") > -1) {
    console.log(
      "하이픈을 제외하고 입력하세요."
    );
  }
</script>

 

slice(), substring(), substr()

slice() : 문자열을 시작위치, 종료위치 두개의 파라미터를 사용해서 문자열에서 특정 부분을 잘라내서 반환. 시작위치, 종료위치 값으로 음수도 사용할 수 있음.

substring() : 시작위치, 종료위치 두개의 파라미터를 문자열을 잘라내서 반환, 파라미터로 음수값을 사용할 수 없음

substr() : 시작위치, 잘라낼 길이, 잘라낼 길이를 명확히 아는 경우

 

<script>
  let str = "Welcome Seoul";

  console.log(str.slice(8, 13)); // 시작위치, 종료위치
  console.log(str.slice(8)); // 시작위치부터 끝까지
  console.log(str.slice(str.indexOf("Seoul")));
  console.log(str.slice(-5)); // 시작위치가 문자열 끝에서 거꾸로 5번째
  console.log(str.slice(-5, -1));

  console.log(str.substring(8, 10)); // Se
  console.log(str.substring(8));

  console.log(str.substr(8, 5));

  let date = "20220426";
  let year = date.slice(0, 4); // 2022
  year = date.substring(0, 4); // 2022
  year = date.substr(0, 4); // 2022
  let month = date.slice(4, 6);
  month = date.substr(4, 2);
</script>

 

replace(), toUpperCase(), toLowerCase(), concat(), trim()

 

replace(문자열1, 문자열2) : 문자열에서 문자열1을 찾아서 문자열2로 교체, 숫자또한 문자열로 변환되어 바꾸어준다.

<script>
  let string = "This is test code";
  console.log(string);
  console.log(string.replace("test", 1234)); // 숫자
  console.log(string.replace("test", "1234")); // 문자
</script>

toUpperCase() : 모든 알파벳을 대문자로 변환

toLowerCase() : 모든 알파벳을 소문자로 변환

concat() : 여러 문자열을 하나로 결합할 때

trim() : 문자열의 앞/뒤 공백을 모두 제거

 

<script>
  let str = "Welcome Jinju! Jinju! Jinju!";
  console.log(str.replace("Jinju", "Seoul"));

  console.log(str.toUpperCase());

  console.log(str.toLowerCase());

  let firstName = "Raymon";
  let lastName = "Kim";
  let fullName = firstName + " " + lastName;
  fullName = firstName.concat(" ", lastName);
  console.log(fullName);

  let name = "  개발자준비중....      ";
  console.log(name);
  console.log(name.trim());
</script>

 

padStart(), padEnd(), charAt(), charCodeAt()

 

padStart() : 길이, 채울 문자 두개의 파라미터를 받는다. 첫번째 파라미터로 전달받은 길이 만큼 문자열의 앞에 두번째 파라미터로 전달 받은 문자로 채움. 

 

padEnd() : 길이, 채울 문자 두개의 파라미터를 받는다. 문자열 뒤에 두번째 파라미터로 전달 받은 문자로 채움 

 

charAt() : 한개의 파라미터 인덱스 번호를 받는다. 문자열에서 인덱스 번호에 해당하는 문자 하나를 반환 

 

charCodeAt() : 인덱스번호에 맞는 하나의 문자를 반환 문자를 유니코드로 변환해서 반환.

 

<script>
  let number = "22";
  console.log(number.padStart(4, "0")); // 0022
  month = 7;
  console.log(month.toString().padStart(2, "0")); // 07

  console.log("A".padEnd(6, "0")); // A00000

  str = "A0001";
  console.log(str.charAt(0)); // A

  console.log(str.charCodeAt(0)); // 65
</script>

 

split(), startsWith(), endsWith()

 

split() : 파라미터로 전달 받은 문자열로 변수에 할당된 문자를 나눠서 배열로 반환한다. 

startsWith() : 파라미터로 전달받은 문자열로 시작하는지에 대해서 boolean 값을 반환 

endsWith() : 파라미터로 전달받은 문자열로 끝나는지에 대해서 boolean 값을 반환

 

<script>
  let to = "kim@gmail.com,jae@gmail.com,hong@gmail.com";
  let tags = "#개발#데브#부산";
  let emails = to.split(",");
  console.log(emails);
  console.log(tags.split("#"));

  let url = "htt://website.com";
  console.log(url.startsWith("http://"));

  let file = "abc.pdf";
  console.log(file.endsWith(".pdf"));
</script>

 

참고자료

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String