javascript: 문자열객체

 

문자열객체 string

 

선언

        //var str = new String("welcome"); 문자가 배열로
        var str="welcome";
        console.log(str)

 

속성과 메서드

 

        var str = "hi javascript!";
        document.write(str, "<Br>");

        //특정위치의 문자 출력
        document.write("5번째 문자 추출 : " + str.charAt(5), "<br>");

        //특정위치의 문자 여러개 추출 substr(시작위치,갯수)
        document.write("4번째부터 4글자 : " + str.substr(4, 4), "<br>");

        //특정위치의 문자 여러개 추출 substring(시작위치,끝위치)
        document.write("8번째부터 13번째까지 : " + str.substring(8, 13), "<br>");

        //특정문자가 들어있는 위치값
        document.write("j가 들어있는 위치값 : " + str.indexOf("j"), "<br>");

        //없는 문자를 찾을 경우 -1
        document.write("z가 들어있는 위치값 : " + str.indexOf("z"), "<br>");

        //특정문자가 들어있는 위치값, 중복된 문자의 경우 뒤에 있는 문자
        document.write("i가 들어있는 위치 : " + str.lastIndexOf("i"), "<br>");

        //매치되는 요소 출력, 없으면 null
        document.write("j와 일치하는 요소 찾기 : " + str.match("j"), "<br>");
        document.write("j와 일치하는 요소 찾기 : " + str.match("z"), "<br>");

        //매치되는 요소 위치값, 없으면 -1 ≒ indexOf
        document.write("j와 일치하는 요소 찾기 : " + str.search("j"), "<br>");
        document.write("j와 일치하는 요소 찾기 : " + str.search("z"), "<br>");
        
        //문자 변경 일회성, 원본 변경x
        //1 문자를 찾아서 변경
        document.write("javascript를 jQuery로 바꾸기 : "+str.replace("javascript","jQuery"), "<br>");
        document.write(str, "<br>");
        
        //2 문자를 대문자로
        document.write("전부 대문자로 : "+str.toUpperCase(), "<br>");
        
        //3 문자를 소문자로
        document.write("전부 소문자로 : "+str.toLowerCase(), "<br>");
        
        //문자 길이 확인
        document.write("문자열의 길이 : "+str.length, "<br>");
        
        //문자열 추가, 원본 변경 x
        document.write("문자열에 jQuery 합치기 : "+str.concat(" and jQuery"), "<br>");
        
        //문자의 코드값, A 65, B 66, C 67
        document.write("0번째 문자 코드값 : "+str.charCodeAt(0), "<br>");
        
        //코드값 입력하여 문자 찾기
        document.write("코드값 65에 해당하는 문자 찾기 : "+ String.fromCharCode(65), "<br>");
        
        //
        document.write(str, "<br>");
        
        //공백을 기준으로 내용 분리하여 배열에 넣기
        var sp = str.split(" ");
        document.write(sp[0], "<br>");
        document.write(sp[1], "<br>");

결과 :

hi javascript!
5번째 문자 추출 : v
4번째부터 4글자 : avas
8번째부터 13번째까지 : cript
j가 들어있는 위치값 : 3
z가 들어있는 위치값 : -1
i가 들어있는 위치 : 10
j와 일치하는 요소 찾기 : j
j와 일치하는 요소 찾기 : null
j와 일치하는 요소 찾기 : 3
j와 일치하는 요소 찾기 : -1
javascript를 jQuery로 바꾸기 : hi jQuery!
hi javascript!
전부 대문자로 : HI JAVASCRIPT!
전부 소문자로 : hi javascript!
문자열의 길이 : 14
문자열에 jQuery 합치기 : hi javascript! and jQuery
0번째 문자 코드값 : 104
코드값 65에 해당하는 문자 찾기 : A
hi javascript!
hi
javascript!

 

 

실습

        //name
        var userName = prompt("이름을 영문으로 입력하세요", "");
        document.write("NAME : " + userName.toUpperCase(), "<br>");

        //phone number
        var userTel = prompt("전화번호를 - 없이 입력하세요", "");
        var result = userTel.substr(0,userTel.length-4)+"****";
        
        document.write("TEL : "+result);