[Javascript] 자바스크립트의 문자열
in Study on Web & Frontend
자바스크립트의 String에 대해
참고사이트 : MDN Javascript_String
문자열 변수 선언하기
const string_new = 'Hello World!';
앞에 const, let, var을 붙이고 문자열 변수를 선언해주면 된다.
indexOf() 함수
형태는 String.prototype.indexOf()이다.
// 예시 코드
const strings = 'cat dog cow deer rabbit dinosaur';
const search_form = 'dog';
const index_of_first = strings.indexOf(search_form);
// 기대 결과값 : 4
만일, 일치하는 결과값이 없으면 -1을 반환한다.
따라서, 반환된 값이 -1인가 아닌가에 따라서 해당 문자열이 들어있는지 아닌지를 판별할 수 있다.
- 문자열이 들어있는 경우 : -1이 아님.
- 문자열이 들어있지 않은 경우 : 반환 값이 -1
length 함수
형태는 str.length 형태로 쓸 수 있다.
// 예시 코드
const strings = '0123'
console.log(strings.length);
//기대 결과 값 : 4
console.log('01 23'.length);
//기대 결과 값 : 5
공백도 문자값으로 취급되므로 아래에있는 ‘01 23’에 대한 결과는 5가 반환된다.
slice 함수
형태는 str.slice(beginIndex, endIndex) 형태로 쓸 수 있다.
// 예시 코드
const strings = 'Hello World!';
console.log(strings.slice(0, 3));
// 기대 결과
Hel
console.log(strings.slice(6, 11));
// 기대결과
World
문자열에서 특정 부분의 인덱스를 추출할 때 사용한다.
이 때, 주의할 점은 파이썬의 range(a, b) 처럼 a 이상 b 미만 형태로 범위가 잡힌다는 것을 명심하자.
replace 함수
형태는 str.replace(prev, changed) 형태로 쓸 수 있다.
// 예시 코드
const strings = 'Hello World!'
console.log(strings.replace('World', 'Wookey'));
// 기대 결과
Hello Wookey!
console.log(strings.replace(' World!', ''));
// 기대 결과
Hello
문자열에서 특정 부분을 바꾸고자할 때 사용한다. 두번째 예시코드를 통해서 지우는데에도 활용할 수 있다.
trim 함수
문자열에서 양 옆에 있는 공백을 제거해주는 함수이다.
const strings = ' Hello World! ';
console.log(strings.trim());
// 기대 결과
Hello World!
이 외에도, match라는 특정 문자 앞에 있는 문자열을 출력하는 함수가 있지만 자바스크립트의 정규표현식을 알아야 활용할 수 있는 함수이다.
