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 |