icon_home

15_객체(object)_내장객체_문자열(string)객체

• 문자열 객체는 자바스크립트의 내장객체 중에서 활용도가 많은 객체이며,
문자열 값을 인덱스번호를 통해 값을 찾거나 다른 문자로 변경도 가능함

• 응용컨텐츠 : 아이디, 패스워드 입력창 문자열 개수 체크, 단문 메세지 문자열 개수 체크, 패스워드 문자열을 찾아 다른 문자열로 변경, 이미지 갤러리 등 사용 가능

• 문자열 객체는 다른 내장 객체와는 다르게 new 키워드 생략 가능함


1. 문자열 객체의 메서드와 속성들

replace: 문자 치환하기

split: 문자열 반환하기

substring: 인덱스 번호 구간까지 문자 데이터를 찾아줌

length: 문자열의 개수를 체크해줌

indexOf: 문자열과 일치하는 인덱스 번호를 반환함

    //변수선언
    let url;
    let p_number;

    //데이터 입력하기
    url = 'http://www.naver.com';
    p_number = '990101-0123456';

    //출력하기
    document.write(`${url}`);   출력 :  http://www.naver.com 

    //1. replace_문자치환하기
    url = url.replace('naver.com','daum.net');
    document.write(` ${url}`);  출력 :  http://www.daum.net 

    //2. split_문자열 분리하기
    url = url.split('.');
    document.write(`${url}`);  출력 :  http://www,daum,net
    
    p_number = p_number.split('-');
    document.write(`${p_number}`);  출력 :  990101,0123456

    //2-2_분리한 문자열 인덱스 번호로 출력하기
    document.write(`생년월일 : ${p_number[0]}`);  출력 :  생년월일 : 990101
    document.write(`개인번호 : ${p_number[1]}`);  출력 :  개인번호 : 0123456

    //3. substring_해당 인덱스 번호부터 문자열 표시
    url = 'http://www.google.co.kr';
    url = url.substring(11); //10번째 > g부터 출력
    document.write(`${url}`);  출력 :  google.co.kr
    //4. length
    url = url.length;
    document.write(`url 문자열의 개수는 ${url} 개 입니다.`);  출력 :  url 문자열의 개수는 12 개 입니다.

    //5. indexOf_배열에서 해당하는 문자열이 일치하는 인덱스 번호를 찾아줌
    let fruit = ['사과','배','딸기','수박','복숭아','포도'];
    document.write(`${fruit}`);  출력 :  사과,배,딸기,수박,복숭아,포도
    let f = fruit.indexOf('수박');
    document.write(`수박은 fruit 배열에서 ${f}번째 데이터 입니다.`);  출력 :  수박은 fruit 배열에서 3번째 데이터 입니다.