String 객체 


  • 문자열 값은 그 자체가 하나의 객체가 된다. 문자열을 조작 할 수 있는 기능을 제공한다.
  • 자바 스크립트에서 사용되는 문자열을 가리킨다.
  • 리터럴로 객체를 생성할 수 있고 생성자를 통해 객체를 생성할 수 있다.
 let str = "JavaScript";
 let strObj = new String("JavaScript");

 

 

 

 String 객체의 속성

속성 설 명
1. length 문자열의 길이를 나타낸다.

 

 String 객체의 메소드 - 문자열을 다루는 메소드이다.

메서드 설 명
2. charAt(index) 매개변수로 입력된 숫자(index)가 위치하는 글자를 리턴
3. indexOf(string) 시작쪽부터 검색하여 첫번째로 만나는 string에 해당하는 문자열의 위치를 반환한다.
특정 문자열이 없으면 -1을 반환한다.
4. lastIndexOf(string) 끝쪽부터 검색하여 첫번째 만나는 string에 해당하는 문자열의 위치를 반환한다.
5. substring
(index1, index2)
index1과 index2 사이에 있는 문자열을 리턴하는 메소드이다.
index1부터 index2 이전의 문자열까지를 반환한다.
6. concat(string) 두 개의 문자열을 합쳐서 하나의 새로운 문자열을 만드는 메소드이다.
7. toLowerCase(string) 지정된 문자열을 모두 소문자로 만들 때 사용하는 메소드이다.
8. toUpperCase(string) 지정된 문자열을 모두 대문자로 만들 때 사용하는 메소드이다.
9. replace(string1,string2) 지정된 문자열string1을 string2로 바꾼다
10. split([분리자]) 입력되는 “분리자”를 기준으로 “ , ”로 문자열을 분 리하는 메소드이다.
substr
(start_Index, length)
문자열을 length만큼 잘라내는 메소드이다.

 

 

 

 String 객체 예시

<script type="text/javascript">
		
	//문자열 선언
	let url="http://www.hanbit.co.kr/";
	document.write("<h3>⦁ 문자열: "+url+"</h3>");
			
	//문자열의 글자수 리턴
	let len=url.length;
	document.write("<p>1. length "+"문자열의 길이: "+len+"</p>");
		
	//파라미터로 설정된 위치의 글자를 리턴
	let str2nd=url.charAt(2);
	document.write("<p>2. charAt(2)</b>  두번째 글자: "+str2nd+"</p>");
	
	//파라미터로 전달된 글자가 처음 나타나는 위치를 리턴
	let positionl=url.indexOf("/");
	document.write("<p>3. indexOf("+"/"+") '/'가 처음 나타나는 위치: "+positionl+"</p>");
		
	//파라미터로 전달된 글자가 마지막으로 나타나는 위치를 리턴
	let position3=url.lastIndexOf("/");
	document.write("<p>4. lastIndexOf("+"/"+") '/'가 마지막으로 나타나는 위치: "+position3+"</p>");
	
	//잘라내기 위한 시작위치와 끝 위치를 파라미터로 설정한다
	let substring1=url.substring(0,5);
	document.write("<p>5. substring(0,5) 문자열 자르기: "+substring1+"</p>");
	
	//두번째 파라미터가 없을경우 7번째 부터 끝까지 자른다
	let substring2=url.substring(7);
	document.write("<p>5-2. substring(7) 문자열 자르기: "+substring2+"</p>");

	//두 개의 문자열을 합쳐서 하나의 새로운 문자열
	let concat=url.concat("💜💜💜");
	document.write("<p>6. concat("+"add"+") 문자열 더하기: "+concat+"</p>");
		
	//모든 글자를 대문자로 변환한다.
	let upper=url.toUpperCase();
	document.write("<p>7. toUpperCase() 모든 문자열을 대문자로 변환: "+upper+"</p>");
	
	//모든 글자를 소문자로 변환한다.
	let lower=url.toLowerCase();
	document.write("<p>8. toLowerCase() 모든 문자열을 소문자로 변환: "+lower+"</p>");
	
	//문자열 대체
	data="Hong's number is 123-4567";
	document.write("<br/>9. replace("+"Hong's"+","+"Kim's"+")")
	document.write("<p> 데이터 원본: "+data+"</p>");
	let result=data.replace("Hong's","Kim's");
	document.write("<p> 데이터 대체: "+result+"</p>");
	
	//구분자로 분리하여 배열로 반환한다.
	data="One,Two,Three,Four,Five";
	document.write("<br/>10. split(',')");
	document.write("<p> 데이터 원본: "+data+"</p>");
	let array=data.split(',');
	for(let i=0; i<array.length; i++){
		document.write(i+'~'+array[i]+'<br/>');
	}
	
</script>

 

 

'box > javascript+' 카테고리의 다른 글

Javascript 내장 객체 - location  (0) 2022.06.30
Javascript 내장 객체 - window  (0) 2022.06.30
Javascript 내장 객체 - Math  (0) 2022.06.30
Javascript 내장 객체 - Date  (0) 2022.06.30
Javascript 내장 객체 - Array  (0) 2022.06.30