1-3. 문자열

1. str[index]
index값을 넣어 값을 출력하지만 읽기만 가능.

var str = 'Apple';
console.log(str[0]); // 'A'
console.log(str[4]); // 'e'
console.log(str[10]); // undefined

2. 문자열 +로 연결하기

• 연산자를 사용하여 문자를 연결한다.
  특징 : 문자 + 문자 = 연결된 문자열로 만들어준다.
  문자 + 숫자 = 문자와 숫자가 결합된 문자열을 만들어준다.
  

var str1 = 'Apple';
var str2 = 'Banana';
var str3 = '7';
console.log(str1 + str2); // 'AppleBanana'
console.log(str3 + 9); // '79'

여기서 꿀팁 concat() 메소드를 사용해도 가능하다. 자세한건 내 블로그 '문자열 관련 Methods 7번 참고 - https://velog.io/@blackwidow/%EB%AC%B8%EC%9E%90%EC%97%B4-%EB%B3%80%EA%B2%BD-method.

3. 문자열 길이구하기(length PROPERTY)
문자열의 전체 길이를 반환

var str = 'Apple';
console.log(str.length); // 5

4.탬플릿 리터럴(Template literals === Template string)
템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다.

let a = 20;
let b = 3;
let c = "자바스크립트";
let str = "저는 " + (a+b) + "살이고 " + c + "를 좋아합니다.";
console.log(str); // 저는 23살이고 자바스크립트를 좋아합니다.

위에 예시를 템플릿 리터럴로 표현식을 삽입하여 표기할 수 있다.

사용법
1. 처음과 끝은 백틱(`)을 사용한다.
2. 문자가 아닌 타입(변수, 숫자, 연산 등)은 ${}안에 넣어서 사용한다.

let a = 20;
let b = 3;
let c = "자바스크립트";
let str = \`저는 ${a+b}살이고 ${c}를 좋아합니다.\`;
console.log(str); // 저는 23살이고 자바스크립트를 좋아합니다.

Tip!
템플릿 리터럴 안에 백틱()을 사용하고 싶으면 백슬러시+백틱(\)을 넣어서 사용한다.

'\`' === '`' // true