String 클래스
문자열을 생성하는 기능을 시작으로 문자열과 유용한 기능이 있다.
프로퍼티
length 문자열 갯수
메서드 목록
charAt(n) n번째 문자 구하기
concat(str) 문자열 뒤쪽에 str을 연결해 새로운 문자열 만들기
indexOf(substr) substr 문자열이 위치한 위치값 구하기
match(reg) 정규표현식을 활용한 문자열 검색
split(str) 문자열을 str로 분할해 배열로 생성해 줌
-문자열 만들기
-문자열 길이 알아내기
-특정 위치의 문자 구하기
-문자 위치 찾기
-특정 위치에 문자 추가
-특정 위치의 문자를 다른 문자로 변경하기
-특정 위치에 문자 제거
-문자열 만들기
1. 리터럴 방식
var str = "Hello";
2. String 클래스의 객체를 생성해 이용하는 방식
var str = new String("Hello");
-문자열 길이 알아내기
length 프로퍼티를 사용하면 된다.
var str = window.prompt("문자를 입력해 주세요");
alert("문자열 길이는 = " + str.length);
-특정 위치의 문자 구하기
var ch = 문자열.charAt(index);
///////////////인덱스에 해당하는 문자 구하기//////////////////
$(document).ready(function(){
var str = window.prompt("문자를 입력해 주세요");
var $output = $("#output");
var index = 0;
var timerID = setInterval(function(){
// index에 해당하는 문자 구하기
var ch = str.charAt(index);
//문자 출력
$output.text(ch);
// 다음 문자 인덱스 구하기
index++;
// 만약 모든 문자를 출력했다면 타이머 정지
if(index>=str.length){
clearInterval(timerID);
alert("종료됐습니다.");
}
},1000);
})
////////////////////////////////////////////////////////////////////
-문자열 위치 찾기
var ch = 문자열.indexOf(searchvalue/*찾는 문자열*/,start/*시작 위치*/);
///////////////문자열 위치 알아내기//////////////////////////
var data = window.prompt("문자를 입력해 주세요.");
var index = data.indexOf("sample");
if(index>=0)
alert(index+"번째 위치에 있습니다.");
else
alert("문자가 존재하지 않습니다.");
/////////////////////////////////////////////////////////////////
-특정 위치에 문자 추가
특정 위치에 문자를 추가하는 기능은 없습니다. 메서드를 활용하여 직접 만들어야 합니다.
slice() 메서드를 이용한 경우
var 결과 = 문자열.slice(start,end);
//////////////////////문자열 자르기1////////////////////////
var str = "abcdef";
var str2 = str.slice(2,4);
console.log(str);
console.log(str2);
///////////////////////////////////////////////////////////////
substr() 메서드를 이용한 경우
var 결과 = 문자열.substr(start/*문자열의 시작위치*/,length/*문자열 개수*/);
////////////////////문자열 자르기 2//////////////////////
var str = "abcdef";
var str2 = str.substr(2,2);
console.log(str);
console.log(str2);
////////////////////////////////////////////////////////////
-특정 위치의 문자를 다른 문자로 변경하기
var result = 문자열.replace(searchvalue/*찾는 문자*/,newvalue/*교체 문자*/);
///////////////////////////////////////////////////////////
var data ="안녕하세요 누구개님 환영합니다.";
var result = data.replace("누구개","Rose");
alert(result);
///////////////////////////////////////////////////////////
'Coding > JavaScript' 카테고리의 다른 글
3.5 Array 클래스 (0) | 2019.07.19 |
---|---|
3.4 Date 클래스 (0) | 2019.07.19 |
3.2 Math 클래스 (0) | 2019.07.19 |
3.1 타이머 함수 (0) | 2019.07.18 |
2.3 함수 중급 (0) | 2019.07.17 |