<꿀팁모아 : 181번째 포스팅> JS 문자열 메소드

<꿀팁모아 : 181번째 포스팅> JS 문자열 메소드

안녕하세요 꿀팁모아의 희망주기입니다

 

오늘 알아볼 주제는

 

JS 문자열 메소드입니다

 

1 서론

  문자열 메소드는 문자열을 작업하는데 도움이 되는데요. 문자열 메서드 및 속성에 대하여 간단하게 설명을 하자면, "John Doe"와 같은 원시 값은 속성이나 메서드를 가질 수 없습니다. (객체가 아니기 때문에) 그러나 JavaScript를 사용하면 메서드와 속성을 실행할 때 기본 값을 객체로 취급하기 때문에 메서드와 속성을 원시 값에서도 사용할 수 있습니다. 문자열 메서드 및 속성에 대하여 간단하게 알아보았구 지금부터는 문자열 쓰는 방법에 대해서 알아보려고 합니다. 

 

2 본론

  2-1 JS 문자열 길이

 

  length 이 속성은 문자열의 길이를 반환합니다. 

JS 문자열 길이

  2-2 문자열 부분 추출

 

  문자열의 일부를 추출하는 3 가지 방법이 있는데요.

 

  1) slice (start, end)

  2) substring (start, end)

  3) substr (start, Length) 

 

  2-3 자바 스크립트 문자열 슬라이스 () 

 

  slice() 문자열의 일부를 추출하고 추출된 부분을 새 문자열로 반환합니다. 이 메서드는 시작 위치와 끝 위치 (끝은 포함되지 않음)의 2가지 매개 변수를 사용합니다. 

자바 스크립트 문자열 슬라이스

  매개 변수가 음수이면 위치는 문자열의 끝에서 계산됩니다. 다음 예제에서는 문자열의 일부를 위치 -12에서 위치 -6으로 분할합니다 

매개변수 음수

  2-4 JS 문자열 하위 문자열 ( )

 

  substring ( ) 와 유사한데요. 차이점은 0보다 작은 시작 값과 끝 값은 substring () 에서 0으로 처리된다는 것입니다. 두 번째 매개 변수를 생략하면 나머지 문자열을 잘라냅니다. 

하위 문자열

  2-5 JS 문자열 substr( ) 

 

  slice () 는 substr () 와 유사한데요. 차이점은 두 번째 매개 변수가 추출 된 부품의 길이를 지정한다는 것입니다. 

substr ( )

  2-6 문자열 내용 바꾸기

 

  이 replace( ) 메서드는 지정된 값을 문자열의 다른 값으로 바꿉니다

문자열 내용 바꾸기

  2-7 대문자와 소문자로 변환

 

  1) toUpperCase() 문자열은 다음과 같이 대문자로 변환됩니다

  2) toLowerCase() 문자열은 다음과 같이 소문자로 변환됩니다 

대문자로 변환

소문자로 변환

  2-8 JS 문자열 연결 ( )

 

  Concat( ) 메서드는 두 개 이상의 문자열을 조인합니다

문자열 조인

   이 concat() 메서드는 plus 연산자 대신 사용할 수 있는데요. 이 예제에서는 두 줄은 동일한 작업을 수행합니다

plus 연산 대신자

  2-9 JS 문자열 트림 ( )

 

  trim ( ) 이 메서드는 문자열의 양쪽에서 공백을 제거합니다

trim 공백 제거

  2-10 JS 문자열 패딩 

 

  ECMScript 2017 에서는 문자열의 시작과 끝에 패딩을 지원하는 두 가지 string 메서드가 추가되었는데요. padStart()과 padEnd() 입니다. padStart() 메서드는 문자열을 다른 문자열로 채웁니다. padEnd() 역시 마찬가지입니다. 

padStart( )

padEnd ( )

  2-11 문자열 문자 추출

 

  문자열 문자를 추출하는 3 가지 방법이 있습니다

 

  1) chartAt (position)

  2) charCodeAt (position)

  3) 부동산 접근 [ ]

 

   자바 스크립트 문자열 charAt() 이 메서드는 문자열의 지정된 인덱스(위치)에서 문자를 반환합니다

charAt ( )

  자바 스크립트 문자열 charCodeAt() 이 메서드는 문자열의 지정된 인덱스에서 문자의 유니 코드를 반환합니다. UTF-16 코드(0에서 65535 사이의 정수)를 반환합니다 

charCodeAt( )

  ECMAScript 5 (2009)는 문자열에 대한 속성 엑세스 [ ] 를 허용합니다. 

ECMAScript 5

  속성 액세스는 약간 예측할 수 없을 수 있는데요. 문자열을 배열처럼 보이게 합니다. 문자가 없으면 [ ] 는 undefined를 반환하고 charAt( )은 빈 문자열을 반환합니다. str [0] = "A"는 오류를 제공하지 않지만 작동하지 않습니다. 

속성 액세스

  2-12 JS 문자열 분할 ( )

 

  Split 메서드를 사용하여 배열로 변환 할 수 있습니다. 

split 분할

3 결론

  이번 포스팅에서 JS 문자열 메서드를 알아보았는데요. 대략적으로 추렸음에도 불구하고 12개나 되죠.. 사실 코딩이라는 것이 유망 직업으로 떠오르고 여기에 빅데이터까지 다룰 힘이 있다면 엄청난 인재로 거듭날 수 있습니다. 더 높은 실력을 가지고 싶고 또 더 높은 직업군에 속하고 싶다면.. 코딩을 더 열심히 공부하셔야 되요 ㅎㅎ; 다들 힘내세요 할 수 있습니다. 티끌모아 태산이라는 말이 있죠. 한 계단 한 계단 올라가면 어느새 그 고지에 도착해 있을 것입니다