TS-LOG

프로그래밍/JavaScript 기초

자바스크립트 스프레드 연산자 활용 및 확장

"자바스크립트 스프레드 연산자 ('...')는 배열이나 객체의 요소를 펼쳐서 개별 요소로 분리하거나, 복사할 때 사용하는 유용한 문법입니다." 배열에서의 스프레드 연산자 배열 병합 배열을 펼쳐서 개별 요소로 분리하거나 다른 배열과 병합할 때 사용할 수 있습니다. const arr0 = ['a', 'b', 'c', 'd', 'e']; const arr1 = ['f', 'g', 'h', 'i', 'j']; const alphabet = [...arr0, ...arr1]; console.log(alphabet); // ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']; 배열 복사 스프레드 연산자를 사용하여 배열을 복사할 수 있습니다. const arr = ['a', '..

프로그래밍/JavaScript 기초

자바스크립트 배열(Array) 순회

"배열의 각 요소에 접근하고 작업을 수행하는 것은 프로그래밍에서 흔한 작업입니다. 자바스크립트에서 배열을 효과적으로 순회하는 방법을 알아봅니다." for문을 사용한 배열 순회 가장 전통적이고 기본적인 방법인 for문 입니다. const arr = ['a', 'b', 'c', 'd', 'e']; for(let i = 0; i < arr.length; i++) { console.log(arr[i]); } forEach 메서드를 사용한 배열 순회 forEach 메서드는 콜백 함수를 인자로 받아서 배열의 각 요소에 대해 콜백 함수를 실행합니다. 순회 중인 요소값, 인덱스, 원본 배열을 쉽게 활용 할 수 있습니다 const arr = ['a', 'b', 'c', 'd', 'e']; // 값 출력 arr.forEa..

프로그래밍/JavaScript 기초

자바스크립트 배열(Array) 생성, 접근, 추가, 삭제

"배열은 여러 값을 순서대로 나열하는 데이터 구조 입니다. 자바스크립트의 배열은 동직이며, 유연한 특징을 가지고 있습니다." 배열 생성 자바스크립트에서 배열 생성은 대괄호 [ ] 나 new Array() 로 생성 할 수 있습니다. // 배열 생성 const arr0 = []; const arr1 = new Array(); 값 대입과 생성을 동시에 할 수도 있습니다. 한 가지 데이타 타입이 아닌, 여러 데이타 타입의 자료를 담을 수 있습니다. // 숫자로 이루어진 배열 const arr0 = [0,1,2,3,4]; // 혼합된 자료형을 가진 배열 const arr1 = new Array(0,'a',1,'b'); 배열 요소 접근 배열의 인덱스는 0부터 시작합니다. 인덱스 값으로 배열의 요소에 접근할 수 있습..

프로그래밍/JavaScript 기초

자바스크립트에서 var의 대체인 let의 도입과 그 이유

"자바스크립트에서 var와 let은 모두 변수를 선언하는 키워드 입니다. 그러나 let은 var보다 블록 스코프(block scope)를 지원하고, 호이스팅(hoisting)이 발생하지 않아 좀 더 예측 가능한 동작을 제공합니다. 이러한 이유로 let이 var의 대안으로 사용되게 되었습니다." 블록스코프 변수는 접근이 가능한 스코프를 가지고 있습니다. var는 함수 스코프를 가지고 있어서 블록 외부에서도 접근이 가능합니다. let은 블록 스코프가 적용되어 블록 내에서만 접근을 허용 합니다. var 의 경우 위의 코드에서 var로 선언된 변수 x는 블록 내에서 선언되었음에도 전역 스코프에 영향을 미치게 됩니다. 이는 예상치 못한 변수의 노출로 인한 오류를 유발할 수 있습니다. if (true) { var ..