[JS] 문자열

허북이_·2022년 6월 27일
1

JS

목록 보기
4/19
post-thumbnail

안녕하세요. 이번 시간엔 문자열에 대해 정리 해보겠습니다.


문자열이란?

일상생활에서 확인할 수 있는, 모든 글자의 나열을 문자열이라고 합니다. 코드스테이츠 같은 단어 또는 코드스테이츠 최고에요! 같은 문장도 문자열입니다.
하지만 코드 자체도 결국 문자로 이루어져 있기 때문에 컴퓨터는 코드와 문자열을 구분하기 위해 작은따옴표(')큰따옴표(")를 사용하여 문자열을 구분합니다. 영어로는 string 이라고 하며 문자 하나는 character, 줄여서 char이라고도 합니다.

문자열의 길이를 알고 싶을 때? str.length

특정 문자열의 길이를 알고싶을 때에 사용 할 수 있는 속성입니다.

let str = '안녕하세요?'
console.log (str.length) // 5

위의 예시와 같이 문자열의 길이를 처음 시작하는 자리 0 부터 계산한 값을 반환합니다.

두 개 이상의 문자열을 하나로 만들고 싶을 때?

두 개 이상의 문자열을 하나로 붙이고 싶을 때에 사용하는 3가지 방법입니다.

  • +연산자
  • concat() 함수
  • join() 함수 (아직 배열을 배우지 않았으므로 다음에 추가하도록 하겠습니다.)
let str1 = 안녕;
console.log (str1 + '하세요') // 안녕하세요
console.log (str1.cocnat('하세요',' ','반갑습니다') ) // 안녕하세요 반갑습니다

문자열을 자르고싶다면? slice()

문자열을 잘라서 '복사' 하고싶을 때 사용하는 함수로 사용법은 다음과 같습니다.

str.slice(start, end)

다음은 활용한 예시입니다.

let str = '안녕하세요!!';

str.slice(0,2); // 안녕
str.slice(2,5); // 하세요
str.slice(5); // !!

문자열의 대소문자 변환

문자열의 알파벳을 모두 대문자로 바꾸는 str.toUpperCase()와 소문자로 바꾸는 str.toLowerCase() 함수가 있습니다.
다음은 예시입니다.

let str = 'Hello World'

str.toUpperCase() // HELLO WORLD
str.toLowerCase() // hello world

문자열의 인덱스 접근

문자열의 원하는 문자의 인덱스를 알아내는 방법으로 사용법은 다음과 같습니다.

str.indexOf(searchvalue, position) // 파라미터는 찾을 값과 찾기 시작할 위치입니다.

다음은 활용한 예시입니다.

let str = 'Hello World'
str.indexOf('l',0) // 2
str.indexOf('d',4) // 6
str.lastIndexOf('l') // 9 : lestIndexOf 는 뒤에서 부터 찾기 시작합니다.

문자열의 포함된 문자 찾기

문자열 내에 포함된 문자를 찾는 방법으로 사용법은 다음과 같습니다.

str.includes(searchStr, position )
// 파라미터 searchStr은 검색할 문자열로 필수 요소입니다. position은 찾기 시작할 위치이며 공백시 문자열 전체를 대상으로합니다.

다음은 활용한 예시입니다.

let str = 'Hello World'

str.includes(o) // true
str.includes(h) // false : 대소문자를 구분합니다.

템플릿 리터럴 문법이란?

문자열에 변수를 포함시킬 때 직관적이고 편하게 사용 할 수 있는 문법입니다.
일반 문자열과 다르게 백틱 기호를 사용하여 문자열을 나타냅니다.

다음은 예시입니다.

let name = '허정우';
let age = 21;
let strNameAge = `제 이름은 ${name}이고, 나이는 만${age}세입니다.`
console.log(strNameAge) // 제 이름은 허정우이고, 나이는 만21세입니다.

피드백은 환영입니다!!

profile
인간 거북이 허북이

0개의 댓글