[3주차] TIL #6

22.4.18

Javascript

배열 메소드

.map()

배열 내의 모든 요소 각각에 대해 주어진 함수를 호출하여 새로운 배열을 반환

.join()

배열의 모든 요소를 연결해 하나의 문자열로 만듦

-> 위 둘을 합쳐서 HTML 태그 반환 편하게 할 수 있다.

function callback=(e)=>`<li>${e}</li>`
topics.map(callback).join('') // <li>css</li><li>html</li>

.forEach()

주어진 콜백을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행함

.reduce()

배열의 각 요소에 대해 콜백함수를 실행하고 하나의 결과값을 반환한다.
array.reduce(*function(total, currentValue, currentIndex, arr), initialValue*)
total을 통해 누적해준다.

변수 선언 타입

종류	범위	재정의	재선언
var	Function Scope	O	O
let	Block Scope	O	X
const	Block Scope	X	X

모듈 다루기

1. Export
   • 여러 개
     export {sayHi, sayBye};
   • 한 개
     export default User
2. Import
   • 여러 개
     import {sayHi as hi, sayBye as bye} from './say.js';
     as를 사용하지 않아도 된다.
   • 한 개
     import {sayHi as hi, sayBye as bye} from './say.js';
     {}없이 모듈을 가져올 수 있다