#TIL11, Javascript String.method

April·2021년 4월 18일
0

✨Javascript

목록 보기
8/45
post-thumbnail

개인 공부를 위해 작성했습니다

String함수

string 문자열에도 내장 함수(메소드)가 있으며, 자주 사용하는 string.method 문자열 함수를 익히자

✨참고✨ 문자열에도 index가 있다

let text = "myname";
console.log(text[3]); // a

○ 기본

1. 대소문자 바꾸기

  • .toUpperCase() 대문자로 바꾸기
  • .toLowerCase() 소문자로 바꾸기
let lastName = 'Yurim Kim';
let upperLastName = lastName.toUpperCase();
let lowerLastName = lastName.toLowerCase();

console.log(lastName); // Yurim Kim
console.log(upperLastName); // YURIM KIM
console.log(lowerLastName); // yurim kim

2. .length

  • 문자열의 길이를 찾는 메소드
let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let sln = text.length;

○ 문자열 찾기

2. .includes()

  • 문자열에 특정 문자가 포함되어 있는지를 확인
  • 포함되어 있다면 true를, 포함되어 있지 않다면 false를 반환

3. .indexOf()

  • 문자열에서 검색 할 값이 없으면 -1을 반환
  • 대소문자를 구분하므로 주의!
let info = "JavaScript는 프로래밍 언어이다.";
let firstChar = info.indexOf("프로그래밍"); 
console.log(firstChar); // 없으므로 -1

○문자열 자르기

1. .slice() ✨✨✨

  • slice()(잘릴 시작위치, 잘릴 끝위치)
let info = "JavaScript는 프로래밍 언어이다.";
let firstChar = info.indexOf("프로래밍"); // 12를 반환

console.log(info, firstChar);

if (firstChar !== -1) { 
  info = info.slice(0, firstChar) + "프로그래밍" + info.slice(firstChar+4, info.length); 
}

console.log(info);

2. substr(=substring)

  • substr(잘릴 시작위치, 잘릴 끝위치)
  • 잘릴 끝위치 생략 가능
let str = 'abcdefghij';
console.log(str.substr(1, 2));   // bc
console.log(str.substr(-3, 2));  // hi
console.log(str.substr(-3));     // hij
console.logstr.substr(1));      // bcdefghij

💯 예제 풀기!

  • 주어진 주소가 어느 도시 인지를 찾아 해당 주소에서 도시 부분만 삭제한 새로운 주소를 리턴하기
  • 도시는 무조건 "시" 로 끝난다. 예를 들어, "서울시".
// 각 인덱스의 마지막 글자가 시면 그 인덱스는 삭제
function sliceCityFromAddress(address) {
  let addressSplit = address.split(" "); // 배열로 변환
  for (let i = 0; i < addressSplit.length; i++) {
    // console.log(addressSplit[i]); // 현재 요소 출력
    // console.log(addressSplit[i][addressSplit[i].length-1] === "시"); // -1
    if (addressSplit[i][addressSplit[i].length-1] === "시") { // 배열에 "시"가 
      // 데이터 타입 중 string에는 length를 쓸수있는데,
      // 가져온 addressSplit[i]값이 string 이고
      // 결국 이 값은 addressSplit[i].length-1 string의 length의 index로 쓰여진다
      addressSplit.splice(i,1); 
       return addressSplit.join(" ");
    }
  }
 
}

console.log(sliceCityFromAddress("경기도 성남시 분당구 중앙공원로 53"));
console.log(sliceCityFromAddress("서울특별시 강남구 테헤란로 427 위워크타워"));

✅ 목표!

  • 자주 사용하는 문자열 메소드 익히기

w3s_string 함수

profile
🚀 내가 보려고 쓰는 기술블로그

0개의 댓글