본문 바로가기

FOR4

[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.
300x250