3일차(목)

형진·2021년 8월 27일

JavaScript

javascript

목록 보기

3/7

📌반복문

📖반복문의 이해

반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다.
for문과 문자열, 숫자를 이용해 반복적으로 코드를 실행시킬 수 있다.
기본적인 for문 (for (let i = 0; i < 5; i++))을 응용하여 다양한 for문을 만들 수 있다.
for와 while의 차이에 대해서 설명할 수 있다.
반복문에 조건문을 적용하여 특정 조건에서만 코드가 실행되도록 할 수 있다.
이중 포문이 무엇인지 이해하고 활용할 수 있다.

📖반복문 예제

// for문 기본
for (초기화 선언; 조건식; 증감식;){식}

//while문 기본
초기화 선언;
while(조건식){식, 증감식}

// 이중문 구구단
for(let i = 1; i<=9; i++){
  console.log(i+'단')
  for(let j = 1; i<=9; j++){
    console.log(i+'x'+j = i*j)
  }
}
/*
1단
1x1=1
1x2=2
1x3=3
...
1x9=9

2단
2x1=2
2x2=4
2x3=6
...
2x9=18
...
*/

❓문제 풀다 나온 추가 내용

📖구조 분해 할당

📖구조 분해 할당의 이해

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식

📖구조 분해 할당 예제

//배열
let a, b, rest;
[a, b] = [10, 20];
console.log(a); // 10
console.log(b); // 20

[a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(a); // 10
console.log(b); // 20
console.log(rest); // [30, 40, 50]

let foo = ["one", "two", "three"];

let [red, yellow, green] = foo;
console.log(red); // "one"
console.log(yellow); // "two"
console.log(green); // "three"

//객체

let o = {p: 42, q: true};
let {p, q} = o;
console.log(p); // 42
console.log(q); // true

let o = {p: 42, q: true};
let {p: foo, q: bar} = o;
console.log(foo); // 42
console.log(bar); // true

let {a: aa = 10, b: bb = 5} = {a: 3};
console.log(aa); // 3
console.log(bb); // 5

({ a, b } = { a: 10, b: 20 });
console.log(a); // 10
console.log(b); // 20

({a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40});
console.log(a); // 10
console.log(b); // 20
console.log(rest); // {c: 30, d: 40}