[자바스크립트] String 객체 특징과 메소드 종류

1) String 객체 특징

- 문자열을 쉽게 만들고 다룰 수 있게 한다.

 

const str = '자바스크립트';
const str = new String('자바스크립트');

 

2) String 객체의 메소드 종류

 

1. length

문자열의 길이를 저장한다.

 

        const str1 = '안녕하세요. JavaScript';
        console.log(str1); //안녕하세요. JavaScript
        console.log(str1.length); //17

 

2. indexOf( )

매개변수로 전달된 문자열이 처음 등장하는 위치를 반환해준다.

 

        console.log(str1.indexOf('J')); //7, 0번부터 해서 7번째 자리에 있다는 뜻
        console.log(str1.indexOf('Java')); //7, 맨 첫글자의 인덱스를 반환시킨다.
        console.log(str1.indexOf('java')); //-1, 찾지 못했다는 뜻
        console.log(str1.indexOf('a')); //8, 앞에서부터 탐색하기
        console.log(str1.lastIndexOf('a')); //10, 뒤에서부터 탐색하기

 

3. charAt( )

매개변수로 전달된 인덱스에 위치한 문자를 반환해준다.

 

        console.log(str1.charAt(7)); //J
        
        //문자열[인덱스번호] : 해당 인덱스에 있는 문자
        console.log(str1[7]); //J

 

4. includes( )

매개변수로 전달된 문자열이 포함되어 있는지 여부를 반환해준다.

 

        console.log(str1.includes('Java')); //true
        console.log(str1.includes('java')); //false, 대소문자 구별

 

5. substring()

매개변수로 전달된 시작 인덱스부터 종료 인덱스 바로 앞까지 문자열을 추출하여 반환해준다.
** 매개변수가 1개인 경우 -> 해당 인덱스부터 끝까지 문자열을 추출한다.

 

        console.log(str1.substring(7)); //JavaScript
        console.log(str1.substring(7,11)); //Java

 

6. substr()

매개변수로 전달된 시작 인덱스부터 전달된 개수만큼 문자열을 추출하여 반환해준다.

 

        console.log(str1.substr(7,4)); //Java

 

7. split()

매개변수로 전달된 구분자를 기준으로 문자열을 나눈 후 하나의 배열에 저장해준다.

 

        const str2 = "사과❤딸기❤바나나❤복숭아❤체리❤메론"
        const fruit = str2.split('❤');
        
        for(let i in fruit){
            console.log(`${Number(i)+1}번째 과일 : ${fruit[i]}`);
        }

 

8. replace()

원본 문자열을 매개변수로 전달된 문자열로 치환해준다.

 

        console.log(str1.replace('안녕하세요.','반갑습니다.')); //반갑습니다. JavaScript

 

9. trim()

문자열의 앞뒤 공백을 제거해준다.

 

        const str3 = '   JavaScript   ';
        console.log(`💥${str3}💥`); //💥   JavaScript   💥
        console.log(`💥${str3.trim()}💥`); //💥JavaScript💥