문자열

달성목표

• 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다. 👌
• 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. str.length 👌

length라는 property

• 문자열의 글자 하나하나에 접근할 수 있다. str[1] 👌

문자열의 각 인덱스에 접근할 수 있다. 인덱스는 0부터 시작한다.

• 문자열을 합칠 수 있다. word1 + " " + word2 👌

1) '+' 이항연산자 사용 시 피연산자 중 하나가 문자열이면 다른 하나도 문자열로 변환된다.
2) concat도 문자열을 합칠 수 있다. (str1.concat(str2, str2)

• 문자열을 원하는 만큼만 선택할 수 있다. str.slice(0, 3) 또는 str.substring(0, 3) 👌

str.substring(a, b)
전달인자로 들어가는 두 인덱스 구간 (숫자가 작은 인덱스부터)의 문자열을 반환. 구간의 마지막 숫자의 인덱스는 포함되지 않는다.
str.slice()
1) 전달 인자가 하나 일 때 👉 해당 인덱스부터 마지막 인덱스까지 반환
2) 전달 인자가 둘 일 때 👉 (start, end) end의 인덱스는 포함되지 않음
3) 전달 인자가 음수 일 때 👉 마지막 인덱스는 -1이다.

let str = 'abcdef'
console.log(str.substring(0, 3)) // 'abc'
console.log(str.substring(3, 0)) // 'abc'
console.log(str.substring(3, -1)) // 'abc' (음수는 0으로 취급)

const str = 'This is Peter Yang blog. Thanks';
console.log(str.slice(11)); // "er Yang blog. Thanks"
console.log(str.slice(5, 10)); // "is Pe"
console.log(str.slice(-4)); // "anks"
console.log(str.slice(-6, -1)); // "Thank"

• 영문을 모두 대문자로 바꿀 수 있다. str.toUpperCase() 👌
• 영문을 모두 소문자로 바꿀 수 있다. str.toLowerCase() 👌
• 문자열 중 원하는 문자의 index를 찾을 수 있다 str.indexOf('a') 또는 str.lastIndexOf('a') 👌

indexOf 메소드의 전달 인자는 찾고자는 문자열.
1) 찾고자하는 문자열의 첫 인덱스 반환
2) 찾는 문자열이 없는 경우 -1 반환
lastIndexOf 메소드는 문자열 뒤에서 부터 찾음

'Peter Yang'.indexOf('Peter'); // 0
'Peter Yang'.indexOf('peter'); // -1
'Peter Yang'.indexOf('Yang'); // 6
'Peter Yang Yang'.indexOf('Yang'); // 6
'Peter'.indexOf('e'); // 3

• 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다. str.includes('a') 👌

boolean 값으로 반환. 구형 브라우저에서 구현되지 않을 수 있음🤔

• 문자열을 분리하여 배열에 담을 수 있다. str.split(' ') 👌

전달 인자로 분리 기준이 될 문자열을 넣어 준다.
csv형식을 처리할 때 유용하다.

let str = "hello world Peter Coding";
console.log(str.split(' ')); // 띄어쓰기 기준으로 각 문자를 담은 배열
// ['hello', 'world', 'Peter', 'Coding']