본문 바로가기

Frontend/JavaScript55

JavaScript의 for문(for-in | for-of | forEach)에 대해 알아보자 객체와 배열우선 for문에 대해 들어가기 전에 객체와 배열의 차이점에 대해서 이야기하고자 한다배열항목객체let arr = [요소1, 요소2,..]선언방법let obj = {키1:속성1, 키2:속성2,...}값(요소,item), length 포함 값 키(key), 값(value)  ==> 속성(property)순서가 있다. 인덱스로 설정되어 있다.순서여부순서가 없다.배열명[인덱스]*인덱스는 차례대로 0부터 길이-1까지의 숫자접근방법객체명.키, 객체명['키']*키를 통해서 값을 불러온다. 배열과 객체를 알아보는 방법으로는 Array.isArray();를 사용할 수 도 있고, console.dir을 사용해서 프로포타입이 array인지 object인지를 확인하여 알아볼 수 있다.더보기  For문 for문에.. 2024. 7. 23.
JavaScript의 기초 문법 : 배열 배열은 연관된 데이터들을 모아서 관리하기 위하여 사용한다. 배열의 경우 객체와 다르게 key가 없고, 직렬로 연결되어서 0부터 길이-1의 숫자로 이루어진 인덱스가 제공된다. 즉, 객체는 순번이 없지만 배열의 경우 순번, 길이(length)를 가지고 있다.  let | const 배열명 = [];배열 요소 접근배열 요소 접근은 인덱스 번호를 통해서 가능하다. 인덱스 번호는 0부터 시작하여 길이-1까지의 번호를 가지고 있다. 배열명[index];  배열 요소 삽입배열의 위치를 지정해서 강제로 삽입이 가능하다. 만약 배열이 삽입된 인덱스 값이 배열의 최대 길이값보다 큰 경우에는, 지정하지 않은 값에 대해서 undefined로 초기화시킨다. 또한 인덱스로 강제로 삽입했을 경우 주소값이 변경되지 않기 때문에.. 2024. 7. 23.
JavaScript의 기초 문법 : 객체 객체는 `이름(key):값(value)` 형태의 프로퍼티들을 저장하는 컨테이너로, 객체를 특정지을 수 있는 속성과 객체가 할 수 있는 기능으로 구성되어 있다.  객체 생성let | const 객체명 = {}; 여러 개의 프로퍼티를 생성하려고 할 경우 콤마(,)를 사용하면 된다. 객체 안에는 객체를 담을수도 함수를 담을 수도 있다.   생성된 객체는 console.dir()로 확인이 가능하다. 속성과 기능의 경우에는 해당 내용을 할당연산자를 통해서 변경할 수 있다. 예를 들어 book.color = "blue";를 작성하게 되면 객체 안의 color가 blue로 변경된다.  객체 값 가져오기객체명.속성key : 마침표 표기법객체명["속성key"] :대괄호 표기법(bracket expression) .. 2024. 7. 22.
JavaScript : 호이스팅이 무엇인가 ? 호이스팅(Hoisting)인터프리터가 코드를 실행하기 전에 함수, 변수 선언을 선언하고 맨 위로 끌어올린 것처럼 보이는 현상을 말한다. 호이스팅은 함수나 변수를 어디에 선언했던지 간에 필요한 곳에서 자유롭게 사용하기 위해 만들어진 기능이나, 잘못된 값(undefined)을 받아 예기치 못한 버그를 발생시킬 수 있다.  이처럼 이후에 변수가 선언되었어도, a의 값을 undefined로 초기화하여 값을 불러온다. JavaScript의 변수는 3단계에 걸쳐서 생성한다.선언 단계 스코프와 변수 객체가 생성되고, 변수를 변수 객체에 등록하는 단계이다. 스코프가 변수 객체를 참조한다. 초기화 전까지는 TDZ(temporal dead zone : 스코프의 시작지점부터 초기화 시작 지점까지의 구간)에 존재한다.초.. 2024. 7. 22.
JavaScript의 기초 문법 : 함수 함수는 어떤 목적을 가진 작업들을 수행하는 코드 블록으로, 여러 곳에서 실행 가능하고(재사용성), 유지보수가 용이하며 가독성을 높일 수 있다. function 함수명 (매개변수1, 매개변수2, .. 매개변수n){로직return 반환값}함수를 선언할 때 사용하는 방법이다. 함수를 사용하게 되면 로직이 수행된 후에 반환값을 도출한다. 함수를 작성하는 방법은 다양하다.매개변수, 리턴타입이 둘다 없는 경우 매개변수, 리턴타입이 둘다 있는 경우 매개변수는 있는데 리턴타입은 없는 경우매개변수가 없고 리턴타입이 있는 경우 함수명(매개변수 값);함수 사용할 때는 함수명을 불러온 후에 매개변수로 사용할 값을 작성하면 된다. 함수 작성법숫자로 시작할 수 없다.대소문자를 구분해야 한다. 이미 정의된 예약어는 사용이 불가능하.. 2024. 7. 22.
JavaScript의 기초 문법 : 제어문 - 반복문(while / for) JavaScript 제어문은 조건에 따라 로직을 실행(조건문)하거나 반복실행(반복문)할 때 사용한다. JavaScript의 반복문은 while문과 for문이 있다. 반복문의 경우에는 로직을 적게 작성하고 많은 일을 할 수 있게 하지만, 로직을 잘못 설계한 경우 무한루프 가능성이 있다.  whilewhile(조건문){조건이 참인 동안에 반복할 로직};while에 작성된 조건문이 참일 동안에 로직을 반복하고, 거짓일 경우 로직을 빠져나와 아래 로직을 시행시킨다. 무한반복의 경우 while(true){로직};으로 가능하다.do ~ whiledo{조건이 참인 동안에 반복할 로직} while(조건문);while의 경우에는 작성된 조건문이 참일 동안에만 로직을 시행하지만, do~while을 사용할 경우 맨 처음에 .. 2024. 7. 19.

티스토리툴바