개발후라이
개발후라이
개발후라이
  • 분류 전체보기 (285)
    • Web Front End (74)
      • Javascript & Typescript (26)
      • React (11)
      • Vue (4)
      • Nodejs (1)
      • HTML (6)
      • CSS (7)
      • HTTP (6)
      • 책 - Review (8)
    • TIL (0)
    • Problem Solved (135)
      • 알고리즘 (4)
      • BOJ (67)
      • Programmers (8)
      • HackerRank (33)
      • LeetCode (23)
    • 회고 (4)
      • 오늘의 회고 (16)
      • 주간 회고 (15)
      • 월간 회고 (7)
      • WakaTime (9)
    • Git (3)
    • 기타 (15)
      • 취업 (5)
      • 자격증 (1)

블로그 메뉴

  • GitHub
  • LinkedIn
  • 홈

인기 글

태그

  • 노마드북클럽
  • 노개북
  • 개발자
  • 회고
  • 오늘의회고
  • JavaScript
  • 프론트엔드
  • 릿코드
  • TypeScript
  • 자바스크립트

최근 댓글

최근 글

전체 방문자
오늘
어제

티스토리

hELLO · Designed By 정상우.
개발후라이
Web Front End/Javascript & Typescript

[러닝자바스크립트] 4장. 제어문

Web Front End/Javascript & Typescript

[러닝자바스크립트] 4장. 제어문

2020. 2. 18. 11:40
반응형

for 루프의 다른 패턴

  • 초기화, 표현식에 여러 문 결합 가능
//출력: 1 2 3 5 8 13 21
for (let temp, i = 0, j = 1; j < 30; temp = i, i = j, j = i + temp) console.log(j);

for...in 루프

// player.hasOwnProperty 메소드를 생략하면 에러 발생 많음.

const player = { name: "Thomas", rank: "Midshipman", age: 25 };
for (let prop in player) {
  if (!player.hasOwnProperty(prop)) continue;
  console.log(prop + ": " + player[prop]);
}
/* 출력
 * name: Thomas
 * rank: Midshipman
 * age: 25
 */

for...of 루프

  • ES6에서 새로 생긴 반복문
  • 컬렉션의 요소에 루프를 실행하는 다른 방법
  • 각 요소의 인덱스를 알 필요는 없을 때 알맞음
const hand = [1, 2, 3];
for (let face of hand) console.log(`You roll...${face}!`);

유용한 제어문 패턴

  1. continue문을 사용하여 조건 중첩 줄이기
  2. break, return문을 써서 불필요한 연산 줄이기
  3. 루프를 완료한 뒤 인덱스 값 사용하기
  4. 배열을 수정할 때 감소하는 인덱스 사용하기
반응형
저작자표시 (새창열림)
  • for 루프의 다른 패턴
  • for...in 루프
  • for...of 루프
  • 유용한 제어문 패턴
'Web Front End/Javascript & Typescript' 카테고리의 다른 글
  • [러닝자바스크립트] 9장. 객체와 객체지향 프로그래밍
  • [러닝자바스크립트] 5장. 표현식과 연산자
  • [러닝자바스크립트] 3장. 리터럴과 변수, 상수, 데이터 타입
  • [러닝자바스크립트] 2장. 자바스크립트 개발 도구
개발후라이
개발후라이
어제보다 오늘 발전하기 위한 공간 https://github.com/choisohyun

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.