JS | - Review 4 -

문자열

배열(arry) / 요소(element) / 인덱스(index)

• 배열 : 정열된 값의 집합
• 요소 : 배열을 구성하는 각각의 값
• 인덱스 : 배열에서의 위치를 가리키는 숫자

문자열 더하는 법

1) ' + ' 연산자 사용법

• 'Code' + 'States' // 'CodeStates'

2) concat 메소드 사용법

• str = 'Code'
str1 = 'States'
str2 = '!'
str.concat(str1, str2) // 'CodeStates!'

---

str[index]

문자열의 [index] 번째 문자를 반환

ex) let str = 'CodeStates';
    str[0];  // 'C'
    str[4];  // 'S'
    str[10]; // undefined    

---

str.length

문자열의 전체 길이를 반환

ex) let str = 'CodeStates';
    str.length; // 10

---

indexOf(searchValue)

indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환한다.

ex) 'Blue Whale'.indexOf('Blue');  // 0
    'Blue Whale'.indexOf('blue');  // -1
    'Blue Whale'.indexOf('Whale');  // 5
    'Blue Whale Whale'.indexOf('Whale');  // 5
    // 중복되는 문자가 있으면 처음으로 일치하는 인덱스 반환

---

lastIndexOf(searchValue)

문자열 뒤에서 부터 탐색해서 최초로 마주치는 인덱스를 반환한다.

ex) 'canal'.lastIndexOf('a');  // 3

---

str.split(seperator)

split() 메서드는 지정한 구분자를 이용하여 여러개의 문자열로 나눈다.

ex) let str = 'Hello from the other side';
    str.split(' ');
    // ['Hello', 'from', 'the', 'other', 'side']

---

str.substring(start, end)

string 객체의 시작 인덱스부터 종료 인덱스 전까지 문자열의 부분을 반환한다.

ex) var str = `abcdefghi';
    str.substring(0, 3);
    // 'abc'
    str.substring(3, 0);
    // 'abc' 시작과 끝을 바꿔서 써도 알아서 인식함
    str.substring(-1, 2);
    // 'ab'  -인 경우 0으로 인식함
    str.substring(3);
    // 'defghi' 인덱스 end가 생략되면 strat부터 끝까지 반환함
    str.substring(0, 40);
    // 'abcdefghi';

---

str.toLowerCase() 와 str.toUpperCase()

문자열(str) 을 각각 소문자와 대문자로 변환해 준다.
str.toLowerCase() : 소문자
str.toUpperCase() : 대문자

ex) let sentence = 'The Other Day';
    sentence.toLowerCase();
    // "the other day"
    sentence.toUpperCase();
    // "THE OTHER DAY"

---

str.trim()

문자열 양끝의 공백을 제거하는 메소드이다

ex) let str = '   hello world   ';
    str.trim();
    // "hello world"
    // 문자열 양쪽의 공백이 사라진 것을 확인할 수 있다.

---

str.slice()

문자열의 일부를 추출해서 새로운 문자열을 반환한다.

ex) let str = 'The time is now';
    str.slice(4, 7)
    // 'time'
    str.slice(-6, -5)
    // 'is' 인덱스가 '-' 인 경우 뒤에서부터
    str.slice(5)
    // 'time is now' 인덱스가 하나인 경우 그 수부터 전부

---

str.match()

str.match() 는 특정 텍스트 안에 검색할 단어, 찾고 싶은 단어가 있은 경우 해당 텍스트가 문구에 포함되어 있는지 확인해주는 메소드다.

ex) let str = 'red is imressive.';
    str.match('red');
    // 'red' 
    if(str.match('red') ==== 'red') {
      console.log('Okay');
    }  // if 문에도 사용 가능

---

str.replace()

특정 문자를 다른 문자로 치환해주는 메소드이다.

ex) let str = '안장, 안경, 안보';
  test.replace('안', '수');
  // '수장, 안경, 안보' 맨 앞에 있는 문자만 치환된다.

---

immutable 과 mutable

1. immutable : (원본이) 변하지 않는다
2. mutable : (원본이) 변할 수 있다

ex) let str = 'blue whale';
    str.substring(0, 4);
    // "blue"
    str
    // "blue whale"

• 위와 같이 str 이란 변수가 선언됨과 동시에 'blue whale' 라는 값이 str에 할당이 되었다.
• 그리고 substring 이라는 메소드를 사용해서 'blue'라는 값을 반환하였다.
• substring 라는 메소드를 사용하였다 해도 str 이라는 값은 'blue whale' 라는 사실에 변함이 없다.
  이렇게 메소드(substring) 를 사용하더라도 원본(str) 이 변하지 않는 것을 immutable 이라고 한다.
  모든 string 메소드들은 immutable 이지만 나중에 배울 array 의 메소드들은 immutable 인것도 있고 mutable 인것도 있다.....

---