3일차(목)
📌반복문
📖반복문의 이해
- 반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다.
- 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}
// 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}
참조
https://ko.javascript.info/destructuring-assignment
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#%EC%84%A0%EC%96%B8%EC%97%90%EC%84%9C_%EB%B6%84%EB%A6%AC%ED%95%9C_%ED%95%A0%EB%8B%B9
Author And Source
이 문제에 관하여(3일차(목)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@pingu-/3일차저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)