// syntax part. 2
( 조건문, 반복문, 함수)
1. 조건문
// if else
// if else 예시
const score = 85;
if(score > 90) {
console.log('A');
} else if(score > 80) {
console.log('B');
} else if (score > 70) {
console.log('C');
} else {
console.log('탈락입니다..');
}
2. 반복문
// for - 구구단 출력
const n = 2;
for(let i = 1; i < 10; i++) {
console.log(n + ' * ' + i + ' = ' + n*i);
}
// 2 * 1 = 2
// 2 * 2 = 4 ...
// for of
// 반복가능한 객체(배열, 문자열 등)에 사용할 수 있는 반복문
// 주어진 객체를 차례대로 순회한다.
const arr = [1, 2, 3, 4, 5];
for (const i of arr) {
console.log(i); // 1 2 3 4 5
}
// while
let i = 0;
while (i < 5) {
console.log(i);
i++;
} // 0 1 2 3 4
// do while
// (while문과 차이)
// 조건의 참,거짓 여부와 관계없이 무조건 한번은 실행된다.
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
// 0 1 2 3 4
3. 함수
// 두개의 인자가 있는 함수에서 인자를 하나만 전달한다면 ?
function sum(a, b) {
return a + b;
}
sum(10); // NaN
// 인자를 하나만 전달한다면
// 하나의 인자는 undefined가 된다. ( 값 없음 )
// 숫자형과 undefined 연산 결과 => NaN (Not-A-Number)
// 인자의 기본값 지정하기
function sum(a, b=20) {
return a + b;
}
// 나머지 인자 구문
function something(a, b, ...rest) {
console.log(a);
console.log(b);
console.log(rest);
}
console.log(something(1, 2, 3, 4, 5));
// 1 2 [3, 4, 5]
// 함수표현식 : 함수를 하나의 값으로 표현가능
const sum = function(a, b) {
return a + b;
}
console.log(sum(1, 2));
// 화살표 함수
const add = (a, b) => a + b;
// 인자가 없는 화살표 함수
const greeting = () => 'Hello';
// 중괄호 열고 함수를 작성 시 return 명령어 사용하기
const sum = (a, b) => {
return a + b;
}
※ 자바스크립트 독학백서 정리
'Web > Java Script' 카테고리의 다른 글
[js 독학백서] 4. 배열 심화 (0) | 2021.12.30 |
---|---|
[js 독학백서] 3. 문자열 심화 (0) | 2021.12.23 |
[js 독학백서] 기초 문법 part. 1 ( 변수, 타입, 연산자 ) (0) | 2021.12.22 |
[ jquery ] header footer를 include하는 제이쿼리 load메서드 (0) | 2021.08.23 |
[ Wow js ] 스크롤하면 시작되는 애니메이션 (0) | 2021.08.10 |