[Js] 문자열(String) 함수

문자열을 다루는 메소드 

메소드	설명
charAt(index)	index 위치에서 단일문자 반환
indexOf(searchString)	찾을 문자 위치를 왼쪽부터 찾기
lastIndexOf(searchString)	찾을 문자 위치를 오른쪽부터 찾기
substring(startIndex, endIndex)	startIndex부터 시작하여 endIndex앞까지의 문자열을 반환
substr(startIndex, length)	startIndex부터 시작하여 length만큼 문자열을 잘라 반환
replace(searchString, value)	왼쪽에서부터 searchString을 찾아 최초에 일치하는 문자에 대하여만 두 번째 인자로 넘긴 값으로 대체
split('분리자')	'분리자'를 기준으로 문자열 분리
toLowerCase()	소문자로 변환
toUpperCase()	대문자로 변환
concat(string)	두 문자열 합치기
slice(startIndex, endIndex)	startIndex부터 endIndex까지의 문자열 추출
trim()	문자열 양 끝 공백 제거

 

---

 

1. 문자열 객체 생성 및 초기화

See the Pen string by mk (@kmeijing) on CodePen.

 

---

 

2. 문자열 함수 - charAt()

 

str.charAt(index);

 

charAt() 함수는 문자열에서 특정 인덱스에 위치하는 단일문자를 반환합니다. 

 

See the Pen charAt() by mk (@kmeijing) on CodePen.

 

---

 

3. 문자열 함수 - indexOf() / lastIndexOf()

 

str.indexOf("찾을 문자"[, fromIndex])

str.lastIndexOf("찾을 문자"[, fromIndex])

 

 문자열에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환합니다.

- indexOf() 함수는 문자열 왼쪽부터 시작

- lastIndexOf() 함수는 문자열 오른쪽부터 시작

 

See the Pen indexOf() / lastIndexOf() by mk (@kmeijing) on CodePen.

 

---

 

4. 문자열 함수 - substring() / substr()

 

str.substring(startIndex, endIndex);

str.substr(startIndex, 문자개수);

 

- substring() 함수는 startIndex부터 시작하여 endIndex앞까지의 문자열을 반환해줍니다.

- substr() 함수는 startIndex부터 시작하여 두 번째 인자로 넘겨준 문자개수만큼 문자열을 잘라 반환해주는 함수입니다.

 

See the Pen substring() / substr() by mk (@kmeijing) on CodePen.

 

---

 

5. 문자열 함수 - replace()

 

str.replace("찾을 문자", "치환할 문자");

 

replace() 함수는 문자열의 왼쪽에서부터 "찾을 문자"를 찾아 최초에 일치하는 문자에 대하여만 두 번째 인자로 넘긴 "치환할 문자"로 대체합니다.

• replace() 함수는 대소문자를 구분합니다.

 

See the Pen replace() by mk (@kmeijing) on CodePen.

 

5-1. 대소문자 구분없이 문자열 치환하는 방법

대소문자의 구분없이 문자열을 치환하기 위해서 정규식(regular expression)을 사용하였습니다.

- "찾을 문자"를  '/'로 감싸고, '/' 뒤에는 대소문자를 구분하지 말라는 'i'(modifier)를 붙여줍니다.

 

See the Pen by mk (@kmeijing) on CodePen.

 

5-2. 모든 문자열 치환하는 방법

- "찾을 문자"를 '/'로 감싸고, '/' 뒤에는 'global match'라는 의미의 'g'라는 modifier를 붙여주었습니다.

 

See the Pen replace() - 모든 문자열 치환 by mk (@kmeijing) on CodePen.

 

5-3. 대소문자 구분없이 모든 문자열 치환하는 방법

See the Pen replace() - 대소문자 구분없이 모든 문자열 치환 by mk (@kmeijing) on CodePen.

 

---

 

6. 문자열 함수 - split()

 

str.split("문자");

 

split() 함수는 첫 번째 인자로 넘긴 문자를 기준으로 하여 문자열을 잘라 각 배열 요소에 담은 뒤에 해당 배열 객체를 반환해주는 함수입니다. 

 

See the Pen split() by mk (@kmeijing) on CodePen.

 

---

 

7. 문자열 함수 - toLowerCase() / toUpperCase()

 

- toLowerCase() 함수는 문자열 안에 대문자를 모두 소문자로 변환하는 함수입니다.

- toUpperCase() 함수는 문자열 안에 소문자를 모두 대문자로 변환하는 함수입니다.

 

See the Pen toLowerCase() / toUpperCase() by mk (@kmeijing) on CodePen.

 

---

 

8. 문자열 함수 - concat()

 

string.concat("합칠 문자열");

 

concat() 함수는 매개변수로 전달된 모든 문자열을 호출 문자열에 붙인 새로운 문자열을 반환합니다.

 

See the Pen concat() by mk (@kmeijing) on CodePen.

 

---

 

9. 문자열 함수 - trim()

 

str.trim()

 

trim() 함수는 문자열 양 끝의 공백을 제거합니다. 공백이란 모든 공백문자(space, tab, NBSP 등)와 모든 개행문자(LF, CR 등)를 의미합니다.

 

See the Pen trim() by mk (@kmeijing) on CodePen.