[JavaScript] - 문자열(String)

NOWANDHERE·2020년 10월 2일
0

JavaScript

목록 보기
4/12
post-thumbnail

문자열(String)

🌻 문자열(string)이 무엇일까? 우리가 평소에 보던 그 책에 쓰여있는 글자를 문자열이라고 한다. 다만 컴퓨터는, 모두 글자로 되어있는 코드를 읽어야 하기 때문에 구분하기 위해서 '나 "을 사용하여 문자열을 구분한다.

문자열 다루기


Achievement Goals

  • 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다.
    • 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. str.length
    • 문자열의 글자 하나하나에 접근할 수 있다. str[1]
    • 문자열을 합칠 수 있다. word1 + " " + word2
    • 문자열을 원하는 만큼만 잡을 수 있다. str.substring(0, 3)
    • 영문을 모두 대문자로 바꿀 수 있다. str.toUpperCase
    • 영문을 모두 소문자로 바꿀 수 있다. str.toLowerCase
    • 문자열 중 원하는 글자의 index를 찾을 수 있다 str.indexOf('a')
    • 문자열 중 원하는 글자가 포함되어 있는지 알 수 있다. str.includes('a')

ACCESSING A CHARACTER

  • str[index]
let str = 'CodeStates';
console.log(str[0]);  // 'C'
console.log(str[4]);  // 'S'
console.log(str[10]); // undefined
  • Note : index로 접근은 가능하지만 쓸 수는 없음 (read-only)
str[0] = 'G';
console.log(str); // 'CodeStates'
                     -> not 'GodeStates'

CONCATENATING STRINGS

  • + 연산자를 쓸 수 있다.
  • string 타입과 다른 타입 사이에 + 연산자를 쓰면, string 형식으로 변환 (toString)
let str1 = 'Code';
let str2 = "States";
let str3 = '1';
console.log(str1 + str2); // 'CodeStates'
console.log(str3 + 7);    // '17'
  • str1.concat(str2, str3...); 의 형태로도 사용 가능

length PROPERTY

  • 문자열의 전체 길이를 반환
let str = 'nayce';
console.log(str.length); // 5

str.indexOf(searchValue)

  • arguments : 찾고자 하는 문자열
  • return value : 처음으로 일치하는 index, 찾고자 하는 문자열이 없으면 -1
  • lastIndexOf는 문자열 뒤에서 부터 찾음
'Blue Whale'.indexOf('Blue');        // 0
'Blue Whale'.indexOf('blue');        // -1
'Blue Whale'.indexOf('Whale');       // 5
'Blue Whale Whale'.indexOf('Whale'); // 5

'canal'.lastIndexOf('a');            // 3
  • see more : str.includes(searchValue)

str.split(seperator)

  • arguments : 분리 기준이 될 문자열
  • return value : 분리된 문자열이 포함된 배열
let str = 'Hello from the other side';
console.log(str.split(' '));
// ['Hello', 'from', 'the', 'other', 'side']

str.substring(start, end)

  • arguments : 시작 index, 끝 index
  • return value : 시작과 끝 index 사이의 문자열
let 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로 취급
  • see more : str.slice(start, end)

str.toLowerCase() / str.toUpperCase()

  • arguments : 없음
  • return value : 대,소문자로 변환된 문자열
console.log('ALPHABET'.toLowerCase()); // 'alphabet'
console.log('alphabet'.toUpperCase()); // 'ALPHABET'

WHAT IS IMMUTABLE ?

  • 모든 string methodimmutable
  • 즉, 원본이 변하지 않는다.
  • array methodimmutablemutable 여부를 잘 기억해야 함

배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글 달아주시면 수정하겠습니다. 감사합니다 :)

0개의 댓글

관련 채용 정보