노트 #4 | JavaScript 기초 (3) 문자열

문자열

문자열은 'string', 문자 하나는 'character', 'char' 이라는 축약어로 부르기도 합니다.

학습 목표

• 'length' 속성을 활용해 문자열의 길이를 확인할 수 있다.
• 두 개 이상의 문자열을 하나의 문자열로 만들 수 있다.
• 'slice()' 메서드를 활용해 문자열을 원하는 만큼 '복사'할 수 있다.
• 영문으로 된 문자열을 대문자 또는 소문자로 바꿀 수 있다.
• 문자열 중 원하는 문자의 index를 찾고 접근할 수 있다 'str.indexOf('a') 또는 'str.lastIndexOf('a'), 'str[1]'
• 'includes()' 메서드를 활용해 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다. 'str.includes('a)'
• 'split()', 'join()' 메서드를 활용해 문자열을 배열로 바꾸거나, 배열을 문자열로 바꿀 수 있다.
• 템플릿 리터럴(Template literals) 문법을 사용할 수 있다.

사용법

• ACCESSING A CHARACTER
  • str[index], index로 접근은 가능하지만 쓸 수는 없음 (read-only), 하지만 입력으로 작성 할 경우에도 에러는 나지않음
• CONCATENATING STRINGS
  • + 연산자를 쓸 수 있음, string 타입과 다른 타입 사이에 + 연산자를 쓰면 string 형식으로 변환됌(toString())
  • str1.concat(str2, str3...); 의 형태로도 사용 가능, 특별히 사용하지 않아도 됌
• length PROPERTY
  • 문자열의 전체 길이를 반환
• str.indexOf(searchValue)
  • arguments: 찾고자 하는 문자열
  • return value: 처음으로 일치하는 index, 찾고자 하는 문자열이 없으면 -1
  • lastIndexOf 는 문자열 뒤에서 부터 찾음
• str.includes(searchValue)
  • Boolean 값으로 반환함
• str.split(seperator)
  • arguments: 분리 기준이 될 문자열
  • return value: 분리된 문자열이 포함된 배열

  const str = "Hello JavaScript World";
   console.log(str.split(' ');
   // ['Hello', 'JavaScript', 'World']

  • csv(Comma Seperate Value) 형식을 처리할 때 유용, csv.split('\n'), csv.split(',') 등 사용
• str.substring(start, end)
  • arguments: 시작 index, 끝 index
  • return value: 시작과 끝 index 사이의 문자열

  const str= 'abcdefghij';
   console.log(str.substring(0, 3)); // 'abc'
   console.log(str.substring(3, 0)); // 'abc'
   console.log(str.substring(1, 4)); // 'bcd'
   console.log(str.substring(-1, 4)); // 'abcd', 음수는 0으로 취급
   console.log(str.substring(0, 20)); // 'abcdefghij', index 범위 넘어서 지정한 경우 끝 index 까지 불러옴

• str.slice(start, end)
  • substring 과 비슷하나, 몇가지 차이점을 보임
• str.toLowerCase() / str.toUpperCase() [IMMUTABLE]
  • arguments: 없음
  • return value: 대, 소문자로 변환된 문자열

  console.log('ALPHABET'.toLowerCase()); // 'alphabet'
   console.log('alphabet'.toUpperCase()); // 'ALPHABET'

• IMMUTABLE 이란?
  • 원본이 변하지 않음
  • 모든 string method는 immutable
  • array method 는 immutble 및 mutable 여부를 잘 기억해야 함
• 스스로 공부
  • trim
  • 공백문자: 탭 문자(\t), Carrige return(\r\n) 및 return 문자(\n)
  • match (advanced)
  • replace (advanced)
  • 정규 표현식 (advanced)