javascript 문자열 객체

문자열 객체

1. 값에 의해 생성 된 문자열 객체는 아래의 메서드 및 속성을 사용 할 수 있다.

var 변수 = ' ';
var 변수 = new String();
var 변수 = new String('문자열');

2. String 객체의 메서드 및 속성

var str = '한국스마트정보교육원한국스마트정보교육원';
	console.log(str.indexOf('교육원'));

indexOf

 

② 변수.lastindexOf(''); 
    변수에 담긴 문자열을 lastindexOf의 인수값과 끝부터 일치하는 인덱스 번호 반환 

var str = '한국스마트정보교육원한국스마트정보교육원';
	console.log(str.lastIndexOf('교육원'));

lastIndexOf

 

③ 변수.replace('대상 문자열','바뀔 문자'); 
    replace의 첫 번째 인수값과 일치하는 값을 두 번째 인수값으로 치환  

var str = '한국스마트정보교육원';
	console.log(str.replace('한국','KOREA'));

replace

 

④ 변수.substring(숫자1, 숫자2);
    문자열의 인덱스값 기준으로 substring 인수 첫 번째 부터 인수 두 번째 까지 문자열을 잘라 반환
    인수값이 1개일 경우 인수값과 일치하는 인덱스 번호부터 반환

var str = '한국스마트정보교육원';
	console.log(str.substring('2','7')); //인덱스값은 0부터 시작

substring

 

⑤ 변수.length
   문자열의 갯수 반환 (속성)

var str = '한국스마트정보교육원';
	console.log(str.length);

length

 

⑥ 변수.split('구분자')
    문자열을 split 인수값 기준으로 잘라 배열로 반환

var str = '한국-스마트-정보-교육원';
	console.log(str.split('-'));

 

⑦ 변수.toLowerCase() - 영문 대문자를 소문자로 변환
    변수.toUpperCase() - 영문 소문자를 대문자로 변환

var str = 'ABC'
	console.log(str.toLowerCase());	
	console.log(str.toUpperCase());

toLowerCase & toUpperCase

 

⑧ 변수.trim()
    문자열 처음과 끝의 공백 제거

var str = '   한국   스마트   정보   교육원   ';
	console.log(str.trim());

trim

[실습]

실습 1.

	/*
		실습1.url이라는 변수에 주소값이 담겨있다. 
        url에 표현된 주소에 도메인명과 프로젝트 명을 제외한 나머지 url만 출력시켜라.
		1.도메인 - naver.com
		2.프로젝트명  - myProject
		출력완료 될 url - myPage?name=홍길동&age=20
				
		사용할 메서드 indexOf, substring
	*/
	var url = 'http://naver.com/myProject/myPage?name=홍길동&age=20';

 

내 풀이

	var url = 'http://naver.com/myProject/myPage?name=홍길동&age=20';
	url.indexOf('myPage');
	url.substring(27);

문자열 객체 실습1 

 

답

var url = 'http://naver.com/myProject/myPage?name=홍길동&age=20';
var len = url.indexOf('myProject');
var projectName = 'myProject/';
url = url.substring(len + projectName.length);

문자열 객체 실습1 답

 

실습 2. 

	/*
		실습2. url이라는 변수에 주소값이 담겨있다.
		프로젝트명과 도메인을 제외한 주소값만 출력시켜라.
		출력완료 될 url - myPage?name=홍길동&age=20
				
		사용할 메서드 lastIndexOf, substring		
	*/
var url = 'http://naver.com/myProject/myPage?name=홍길동&age=20';

답 

	var token = '/';
	var len = url.lastIndexOf(token);
	url = url.substring(len + token.length);

 

실습3. 

	/*
	실습3. url이라는 변수에 주소값이 담겨있다.
	프로젝트명만 출력 시키도록 하여라
	출력완료 될 url - myProject	
	*/
	var url = 'https://naver.com/myProject/myPage?name=홍길동&age=20';

답

	var token = '/';
	url = url.replace('https://','');
	url = url.replace('http://','');
	
	var len = url.indexOf(token);
	url = url.substring(len + token.length);
	
	var len2 = url.lastIndexOf(token);
	url = url.substring(0, len2);

 

실습 4.

	/*
		실습4. location의 객체를 활용하여 주소값을 가져오고
		해당 주소값에 담긴 기능의 명칭을 출력하여라.
		(주소의 패턴 http://도메인/프로젝트/기능/페이지)
		도메인, 프로젝트 명 고정
	*/

답 

	var url = location.href
	var projectName = 'javascriptEx06-0323';
	url = url.replace('http://'+location.host + '/','')
	     .replace('https://'+location.host + '/','')
             .replace(projectName +'/','');
	var len = url.indexOf('/');
	url = url.substring(0,len);