본문 바로가기

JavaScript35

[Javascript] 반복문의 제어 - continue/break, 레이블 이번에는 반복문을 제어하는 continue와 break명령을 다루겠습니다. 1. continue continue 명령은 반복문에서만 사용이 가능합니다. continue는 반복문에서 현재의 루프를 건너뛰고 다음 루프를 실행하기 위해 사용합니다. continue를 사용하면 continue 아래에 기술되어있는 코드들은 무시하고 반복문의 처음으로 돌아가 조건검사를 실행합니다. for(let i = 0; i < 10; i++) { console.log("hi");//실행되다가 continue;//continue를 만나면 i = 0;//continue아래의 코드들은 무시되고 처음으로 돌아갑니다. } 2. break break는 while에서 설명했듯이 현재 코드 블록(중괄호로 묶인)을 빠져나갑니다. 반복문에서 br.. 2021. 2. 17.
[Javascript] 반복문 4 - for~of 이전의 for~in은 연관 배열(객체)를 처리하기 위한 for문이었다면, 이번에 나오는 for~of문은 배열을 처리하기 위한 for문입니다. ES2015에서 추가된 기능입니다. 1. for~of for~of는 배열을 순차적으로 처리하기 위한 for문인데 배열 뿐만 아니라 Array, String, Map, Set과 같은 내부 요소를 열거 할 수 있는 객체들에도 사용이 가능합니다. 열거가능한 객체들에 대해서는 객체 부분에서 한 번 더 다루겠습니다. 사용법은 for~in과 유사합니다. for (가변수 of 열거 가능 객체) { //반복할 코드 } for~in과 달리 for~of에서는 가변수가 배열의 요소(값)자체에 접근하여 처리함을 볼 수 있습니다. 2021. 2. 17.
[Javascript] 반복문 3 - for~in 이번 포스트와 다음 포스트는 for문의 변형 두가지를 소개하며 넘어가도록 하겠습니다. 그 첫번째는 연관 배열을 순서대로 처리해주는 for~in 구문입니다. 0. 연관 배열 연관 배열이란, 키:키값 쌍을 가진 배열입니다. 연관 배열은 객체라고도 하며, 이 연관 배열 또한 자료형 포스트에서 자세하게 다루진 않았지만 "객체"라는 리터럴 값으로 지나왔습니다. 일반 배열은 인덱스 값만이 키가 될 수 있었지만 이 연관 배열은 문자열을 키로 가져서 배열에 접근하게 해주기 때문에 일반 배열보다 접근성이 좋습니다. 그리고 배열에서는 "요소"라고 칭했던 배열 내의 값들을 연관 배열에서는 "프로퍼티"라고 명명합니다. 연관 배열은 기본적인 선언방법은 다음과 같습니다. // {키:키값, 키:키값...} let obj = { n.. 2021. 2. 17.
[Javascript] 반복문 2 - for문 이어서 반복문의 구문중 하나인 for문을 소개하겠습니다. 1. for문 for문도 일정한 조건을 만족할 때 까지 반복하는 구문입니다. 기본형태는 다음과 같습니다. for(초기식; 조건식; 증감식) { //반복실행될 코드 } 초기식이란, 루프를 제어하기 위한 변수를 선언(루프 변수)하는 부분으로 반복문이 처음 실행될 때 한 번만 실행되는 식입니다. 조건식은 반복문의 종료와 처리를 하기위한 식입니다. 보통 초기식이 조건식을 만족하게 되면 반복이 종료됩니다. 증감식은 이전에서 설명드렸듯이 초기식을 조작하기 위한 식으로 반복문이 한 번 실행될때 한 번 실행됩니다. 또한 초기식과 조건식, 증감식은 생략이 가능하고 각 식에는 루프 변수이외에도 다른 식 혹은 값을 넣을 수 있습니다. 그러나 이러한 조작은 무한루프같은.. 2021. 2. 17.
[Javascript] 반복문 1 - while, do~while 마지막 제어구문인 특정 코드를 반복하는 반복문 입니다. 반복문에는 세가지 용법이 있는데 일부인 while과 do~while문만 우선 소개하겠습니다. 1. while문 while문은 조건식을 만족하는 동안 블록 안의 코드를 반복해서 실행하는 구문입니다. 조건식이 true면 블록 내부를 실행하고 false면 반복을 멈추게 됩니다. 기본적인 사용방법은 다음과 같습니다. while(조건식){ //조건식이 참일때 실행할 코드 + 증감식 } 증감식이란, 조건식을 만족시키기 위해(조건식의 값 변화) 사용되는 코드입니다. 2. do~while문 do~while문도 마찬가지로 조건식에 따라 반복을 하는 구문입니다. 사용방법은 다음과 같습니다. do { //참이면 실행할 코드들 + 증감식 } while(조건식); 주의할 .. 2021. 2. 16.
[Javascript] 분기문(선택문) 분기문(선택문) switch는 조건식의 값에 따라 분기를 나누는 구문입니다. 설명만으로는 if ~ else if ~ else문과 비슷해 보이지만, 사용용도가 다릅니다. if문은 조건식을 만족하는 값이 여러개일 때 사용할 수 있었지만 스위치문은 여러개의 값 중에서 조건식과 일치하는 값 한 가지만을 찾아서 그에 해당되는 코드 블럭을 실행합니다. 1. switch의 사용 스위치문의 기본적인 사용법은 다음과 같습니다. switch(조건식) { case 값1: //값1일때 실행되는 코드; break; case 값2: //값2일때 실행되는 코드; break; default: //default일때 실행되는 코드; break; } 스위치문은 우선 조건식을 검사합니다. 조건식을 검사하고 그 결과에 해당하는 값을 가지고있.. 2021. 2. 16.
300x250