[책] 자바스크립트 코드 레시피 278 - 27일차

문자열 다루기 ( 위치 지정하여 선택하기 )

• 지정 범위 내의 문자열을 추출하여 사용하고 싶을 때
• 지정 위치 이후의 문자열을 추출하여 사용하고 싶을 때

구문

  '문자열'.slice(시작인덱스, [종료인덱스]); // 지정 범위 내 문자열 추출
  '문자열'.substring(시작인덱스, [종료인덱스]); // 지정 범위 내 문자열 추출

실습

지정한 문자열의 일부를 추출하고 싶을 때 slice() substring() 사용합니다. 종료인덱스 생략 가능합니다.

  '자바스크립트'.slice(0) // 자바스크립트
  '자바스크립트'.slice(0, 2); // 자바
  '자바스크립트'.slice(2, 6); // 스크립트
  '리액트,뷰'.substring(0) // 리액트, 뷰
  '리액트,뷰'.substring(0, 3); // 리액트
  '리액트,뷰'.substring(4); // 뷰

음의 정수도 사용해보기

slice() 인수는 음의 정수도 사용할 수 있습니다. substring() 는 0 으로 간주하기 때문에 사용할 수 없습니다.

실습

음의 정수를 사용해서 실습해봅시다.

  'html/css/js'.slice(-0); // html/css/js
  'html/css/js'.slice(9); // js
  'html/css/js'.slice(5, -3); // css
  'html/css/js'.slice(-0, -3); // html/css
  'react,vue'.substring(-0); // react,vue
  'react,vue'.substring(5, -3); // react
  'react,vue'.substring(-0, -3); // '' (공백)

slice( ) 와 substring( ) 차이점

slice() 인수에서 15에서 12로 추출할 수 없어서 공백으로 추출합니다.

  '내가 좋아하는 사람은 왕코독입니다.'.slice(15, 12); // '' (공백)

substring() 큰 수를 종료 인덱스로 지정하여 추출합니다.

  '내가 좋아하는 사람은 왕코독입니다.'.substring(15, 12); // 왕코독