본문 바로가기
JavaScript

[JavaScript ES6]map 함수, 백틱 || 문자열리터럴

by hans-j 2023. 9. 14.

map함수는 배열을 변형할 수 도 있지만 새로 만들 수도 있다.

 

https://hans-j.tistory.com/144

 

[JavaScript]배열 정렬하기 feat. sort, map, filter /리액트 응용

배! 열! 이! 란! 이름과 인덱스로 참조되는 정렬된 값의 집합 자세한 설명은 넘어가고 바로 예시로 고고. 문자 정렬 (A-Z,가-하 오름차순) **sort함수는 원본을 변형시키니 주의!- //어레이는 변수명

hans-j.tistory.com

여기에 간단하게 써둠ㅋ


화살표로 구현해본 map 함수



https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

 

Array.prototype.map() - JavaScript | MDN

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

developer.mozilla.org


백틱은 ES6에 새로 도입되었으며

 

이유는

 

문자열을 표현할 때 리터럴을 큰 따옴표 작은따옴표를 사용하여 구현하는데

 

여기에 변수가 포함 된다면

 

ex) console.log ("저는" + age + "세" + 입니다.)

이렇게 표현해야하는데 백틱 템플릿 리터럴을 사용한다면

 

ex) console.log (`저는 ${age}세 입니다.`)

 

이렇게 변수를 문자열로 변환시켜서 출력한다.