본문 바로가기

Javascript4

크롬 DevTools에서 소스 검색 단축키 DevTools Sources 탭에서 컨트롤 + 쉬프트 + F 로 검색 열려있는 소스에서 컨트롤 + 쉬프트 + O 함수들 목록 뜸 2022. 7. 22.
default export named export default export export class User {...} export default class User {...} import {User} from ... import User from ... default export의 이름에 관한 규칙 named export는 내보냈을 때 사용한 이름 그대로 가져오므로 관련 정보를 파악하기 쉽습니다. 그런데 아래와 같이 내보내기 할 때 쓴 이름과 가져오기 할 때 쓸 이름이 동일해야 한다는 제약이 있죠. import {User} from './user.js'; // import {MyUser}은 사용할 수 없습니다. 반드시 {User}이어야 합니다. named export와는 다르게 default export는 가져오기 할 때 개발자.. 2022. 4. 1.
reduce 함수 배열함수 관련해서 reduce 가 람다급?으로 강력 reduce로 다른 배열함수기능 가능 [0, 1, 2, 3, 4].reduce(function(accumulator, currentValue, currentIndex, array) { return accumulator + currentValue; }, 10); 두번째 인자로 초기값이 들어가고 10 + 0 으로 시작 [0, 1, 2, 3, 4].reduce(function(accumulator, currentValue, currentIndex, array) { return accumulator + currentValue; }); 초기값이 없을 경우 배열의 첫번째 값이 초기값이 된다 0 + 1 로 시작 map함수기능을 reduce로 [0,1,2].reduc.. 2022. 3. 28.
filter 와 map 차이 filter 는 산술이 아닌 논리 결과로 리턴 배열값을 던져줌 map은 산술 값으로 리턴 var arr = [0,1,2] arr.filter((arg) => arg arg * 2); 0 * 2는 0은 논리결과 false 이므로 리턴값은 [1,2] 2022. 3. 28.