Javascript; String 객체 #문자열찾기 #문자열자르기

String 객체

1) 생성

var str1 = 'hello'
var str2 = new String('hello');

2) 속성

- length   문자열의 길이 

- 보통 아이디 및 비밀번호 n글자 이상 입력하란 조건식으로 많이 사용

var str= 'abcdefg'
console.log(str.length);//7

3) 자주 사용 하는 메서드

3-1)

- charAt(position)   position에 위치하는 문자열 리턴

- charCodeAt(position)    position에 위치하는 유니코드 번호 리턴

- concat(args)   매개변수로 입력한 문자열을 이어서 리턴

3-2) 문자열찾기

- indexOf(searchString, position)   앞에서부터 일치하는 문자열의 위치를 리턴, 없으면 -1

- lastIndexOf(searchString, position)   뒤에서부터 일치하는 문자열의 위치를 리턴, 없으면 -1

- match(regExp)   문자열 내에 regExp가 있는지 확인 후 찾은 문자열 리턴, 없으면 null

- search(regExp)   regExp와 일치하는 문자열의 위치를 리턴

3-3) 문자열 자르기

- replace(regExp, replacement)   regExp를 replacement로 바꾼뒤 리턴

-slice(start, end)   특정 위치의 문자열을 추출해 리턴

- substr(start, count)   start부터 count만큼 문자열을 잘라서 리턴

- substring(start, end)   start 부터 end만큼 문자열을 잘라서 리턴

- split(separator, limit)   separator 로 문자열을 잘라서 배열을 리턴

- trim()   문자의 양쪽 끝 공백을 제거 [*ECMAScript 5 에서 추가됨]

3-4) 

- toLowerCase()   소문자로 바꿈

- toUpperCase()   대문자로 바꿈

4) 예제

| 자바스크립트 문자열 찾기 (01)

indexOf(), search()찾는 문자열이 있을 경우, 해당 위치를 리턴한다 (0부터 시작), 없을 경우는 -1 리턴 

var str = '죽고 싶지만 떡볶이는 먹고 싶어';
  var red = '떡볶이';
  var yellow = '카레';
  console.log('indexOf()> ' + str.indexOf(red)); // 7
  console.log('indexOf()> ' + str.indexOf(yellow)); // -1
  if(str.indexOf(red)!=-1){
    alert('일치하는 단어가 있습니다.');
  }

| 자바스크립트 문자열 찾기 (02)

match() 일치하는 단어를 리턴, 없을 경우 null 리턴

 var str = '죽고 싶지만 떡볶이는 먹고 싶어!!';
  var red = '떡볶이';
  var yellow = '카레';
  console.log('match() > ' + str.match(red)); //떡볶이
  console.log('match() > ' + str.match(yellow)); //null
  if(str.match(red)==red){
    alert('일치하는 단어가 있습니다.');
  }

| 자바스크립트 문자열 찾아서 바꾸기

replace(regExp, replacement)

- regExp : 찾으려는 문자열

- replacement : 바꾸려는 문자열

  var str = '죽고 싶지만 떡볶이는 먹고 싶어';
  var red = '떡볶이';
  var yellow = '카레';
  console.log('str > ' + str);
  //str > 죽고 싶지만 떡볶이는 먹고 싶어
  console.log('replace() > ' + str.replace(red,yellow));
  //replace() > 죽고 싶지만 카레는 먹고 싶어

| 자바스크립트 문자열 자르기 (01)

slice(start, end)   특정 위치의 문자열을 추출해 리턴

- start는 시작할 위치, 0부터 시작한다.

- end는 끝날 위치, 없을 경우 제일 마지막까지

  var str = '죽고 싶지만 떡볶이는 먹고 싶어';
  console.log('str.slice(7,10)> ' + str.slice(7,10));
  //str.slice(7,10)> 떡볶이
  console.log('str.slice(7)> ' + str.slice(7));
  //str.slice(7)> 떡볶이는 먹고 싶어

| 자바스크립트 문자열 자르기 (02)

substr(start, count)   start부터 count만큼 문자열을 잘라서 리턴

- start는 시작할 위치, 0부터 시작한다.

- count 는 start 부분부터 원하는 만큼의 길이

  var str = '죽고 싶지만 떡볶이는 먹고 싶어';
  console.log('str.substr(7,3)> ' + str.substr(7,3));
  //str.substr(7,10)> 떡볶이
  console.log('str.substr(7)> ' + str.substr(7));
  //str.substr(7)> 떡볶이는 먹고 싶어

| 자바스크립트 문자열 자르기 (03) - 핸드폰, 이메일 등에 자주 사용

split(separator, limit)   separator 로 문자열을 잘라서 배열을 리턴

- separator 을 기준으로 배열에 담는다.

var str = '010-1234-5678';
var arr = str.split('-');
for(i in arr){
  console.log('arr['+i+'] '+arr[i]);
}
//arr[0] 010
//arr[1] 1234
//arr[2] 5678

5) 응용하기

var str = 'https://www.tistory.com/category/life';
//life출력
var last = str.lastIndexOf('/');
console.log('last> '+last);
console.log('str에서 life출력> ' + str1.slice(last+1));

[참고서적 : 모던 웹을 위한 Javascript jQuery 입문 - 한빛미디어]