#19. arrow function, template literals, string method
1. arrow function
ES5 함수와 ES6 화살표 함수를 비교하면서 알아보겠습니다.
사용 예시
ES6에서는 function을 쓰지 않고 => arrow를 쓰며 변수를 선언하는 것을 알 수 있습니다.
ES6의 장점 중 하나가 template literal입니다.
2. template literals
back tick (` `)
으로 string을 감쌀 수 있고 그 안에 변수를 넣어서 표현할 수 있습니다.
const hi =`안녕하세요. 저는 ${name} 입니다.`
;
또한 이전(따옴표(''))시절과 다르게 개행 처리를 합니다.
사용예시
let detail = `자세히
보아야
예쁘다
더 써보자..`;
console.log(detail);
3. string method
이전에는 string에서 특정 string을 찾기 위해서 indexOf를 사용했습니다.
그런데 3가지 메서드(method)가 생겼습니다.
1) startsWith
2) endsWith
3) includes
const email = '[email protected]';
console.log(email.startsWith('hi'));
console.log(email.endsWith('com'));
console.log(email.includes('@gmail'));
Assignment
const handleEdit = (nickname, interests) => {
let result = {};
result.nickname = nickname;
result.interests = interests;
result.bio = `제 이름은 ${nickname}입니다. 제 취미는 ${interests}입니다.`
;
return result;
}
handleEdit(nickname, interests);
Author And Source
이 문제에 관하여(#19. arrow function, template literals, string method), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@qwerzxcvss/19.-arrow-function저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)