웹 개발/JavaScript 4

[ES6] var, let, const 차이점

포스팅 목적 JavaScript의 변수 선언 방식인 var, let, const 를 차이점을 중심으로 알아봅니다. var 와 let, const 이란? var, let, const 는 JavaScript 에서 변수를 선언하는 키워드 입니다. var 은 ES1 부터, let 과 const 는 ES6 부터 도입됐습니다. var 과 let, const 의 차이점 1. 변수 재선언과 재할당 여부 변수 재선언과 재할당은 코드의 유지보수성에 영향을 미칩니다. var : 변수 재선언 O / 변수 재할당 O let : 변수 재선언 X / 변수 재할당 O const : 변수 재선언 X / 변수 재할당 X 2. 스코프 var : 함수 레벨 스코프로 함수 내에서 선언된 변수는 함수 내에서만 유효합니다. let, const ..

배열 초기값을 설정 방법과 대괄호 [] 로 초기화를 해야하는 이유

포스팅 목적 JavaScript 배열 초기값을 설정하는 방법과 초기화시에 new Array() 보다 [] 을 사용해야 하는 이유를 알아봅니다. 배열 초기화 방법 1. for 문 const arr = []; for(let i = 0; i 0); console.log(arr); // [0, 0, 0, 0, 0] const arr = Array.from({length: 5}, (v, index) => index); // 이때 v는 undefined console.log(arr); // [0, 1..

JavaScript 내장 문자열 메소드 한눈에 보기

포스팅 목적 문자열과 관련된 내장 메소드를 유형별로 분류하여, 사용할 최적의 메소드를 매번 찾기 귀찮아서 찾기 쉽도록 정리했습니다. MDN 홈페이지에 나와있는 메소드를 기준으로 하였습니다. 메소드의 유형이나 중요도는 제가 판단했기 때문에 주관적인 의견이 포함되어 있습니다. 유형별 메소드 자르기 : slice, split, substring 요소 찾기 : charAt, search, indexOf / lastIndexOf 포함 여부 판단 : startsWith / endsWith, includes 추가 : concat, repeat, padStart / padEnd 공백 제거 : trim / trimStart / trimEnd 교체 : replace / replaceAll 변환 : toUpperCase /..

JavaScript 내장 배열 메소드 한눈에 보기

포스팅 목적 배열과 관련된 내장 메소드를 유형별로 분류하여, 사용할 최적의 메소드를 매번 찾기 귀찮아서 찾기 쉽도록 정리했습니다. MDN 홈페이지에 나와있는 메소드를 기준으로 하였습니다. 메소드의 유형이나 중요도는 제가 판단했기 때문에 주관적인 의견이 포함되어 있습니다. 유형별 메소드 초기화 : fill, splice ( 참고 : 배열 생성시 [ ] ( 리터럴 대괄호 ), new Array() 를 사용 ) 요소 추가 / 제거 : pop / push, shift / unshift 정렬 : sort, reverse 순회 : forEach, map, reduce, reduceRight 조건 판단 : every, some, includes, filter 요소 찾기 : find / findIndex, indexO..