JavaScript

[JavaScript] String 메서드

FRDYtheme 2022. 12. 5. 15:36

 

문자 객체의 메서드

.trim() : 문자열 양 끝 공백 제거 후 반환. 스페이스, 탭, 줄바꿈 등 공백 제거

  console.log(`.trim() ----------------- `);
  let hello = `               안녕 하세요?          `;
  console.log(hello);
  hello = hello.trim();
  console.log(hello);


.indexOf(검색대상문자열) : 문자열 찾음. 인덱스 번호로 반환. -1은 찾을 수 없는 경우 반환. 대소문자 구분
  let text1 = `재미있는 자바스크립트`
  console.log(text1);
  let count = text1.indexOf(`재미있는`); // = 0
  // 인덱스 번호의 시작은 0부터. 첫번째 존재

  count = text1.indexOf(`자바`); // = 5
  count = text1.indexOf(`즐거운`); // = 1 찾을 수 없는 경우
  console.log(count);

.charAt(인덱스) : 지정한 인덱스의 문자 추출. 문자 반환
  console.log(`javascript`.charAt(3)); // = a
  console.log(`javascript`.charAt(10)); // = 빈 문자열

.slice(시작인덱스, 미포함인덱스) : 문자열 추출. 두번째 인덱스를 생략하면 끝까지 출력. 두번째 인덱스 바로 앞까지만 출력
  console.log(`자바스크립트의 기본`.slice(0)) // = 자바스크립트의 기본
  console.log(`자바스크립트의 기본`.slice(3)) // = 크립트의 기본
    //3번째 인덱스 '크'부터 끝까지 출력
  console.log(`자바스크립트의 기본`.slice(0, 6)) // = 자바스크립트
    //0번째 인덱스 '자' 부터 6번째 인덱스 '의' 앞인 '트' 까지 출력

.replace(문자열1, 문자열2) : 문자열1을 문자열2로 변경
  let title3 = "title";
  console.log(title3); // = title
  console.log(title3.replace(`title`, `제목`)); // = 제목

.split('기준문자', '최대분할숫자') : 기준 문자를 기준으로 나눌 숫자만큼 나눠 배열 반환
  let url = 'https://www.naver.com'
  console.log(url); // = https://www.naver.com

  metamong = url.split(".", "2"); // 마침표(.)를 기준으로 2개의 배열로 분할
  console.log(metamong); // = ['https://', 'naver'] -> com은 사라짐

  metamong = url.split("."); // 마침표(.)를 기준으로 배열로 분할
  console.log(metamong); // = ['https://www', 'naver', 'com']로 분할

.toLowerCase() : 소문자 / .toUpperCase() : 대문자
  console.log(`this is lowercase`.toUpperCase()); // = THIS IS LOWERCASE
  console.log(`THIS IS UPPERCASE`.toLowerCase()); // = this is uppercase
  console.log('javascript'[0].toUpperCase()); // = J

 

 

'JavaScript' 카테고리의 다른 글

[JavaScript] Math 객체  (0) 2022.12.05
[JavaScript] Date 객체와 날짜  (0) 2022.12.05
[JavaScript] JSON  (0) 2022.12.05
[JavaScript] 객체 (Object)  (0) 2022.12.02
[JavaScript] 콜백 함수  (0) 2022.12.02