JavaScript 기초_2

📝 [Section1_Unit5] JavaScript 기초_2

📌 조건문

✔️ if / else / else if

if (num % 2 === 0) { // if 조건문
 	console.log('num은 짝수입니다.'); 
} else if ( num % 2 === 1) { // else if 조건문 : if 조건이 아닌 다른 조건 추가
  	console.log('num은 홀수입니다.'); 
} else { //그 외 나머지
  	console.log('잘못된 숫자입니다.');
}

✔️ 동치 연산자

JavaScript에서 사용되는 동치 연산자는 === 이다. 느슨한 동치 연산자로 불리는 == 도 에러 없이 동작하긴 하지만 예외 사항이 너무 많아 사용이 권장되지 않는다.

let num = '7';
if (num === '7') {
	console.log('num is 7');
}

📎 동치 연산자의 부정형

let num = '7';
if (num !== '7') {
	console.log('num is not 7');
}

✔️ 부정 연산자

부정 연산자는 앞에 ! 을 붙여준다.

let num = 7;
if (!(num % 2 === 0)) {
	console.log('num은 짝수가 아니다.');
}

✔️ 논리 연산자

JavaScript에서 복수의 조건을 설정할 때는 논리 연산자를 사용해야 한다. AND(논리곱)는 &&, OR(논리합)은 ||이다.

let age = 17;
if (age > 13 && age <= 19) {
	console.log('학생입니다.');
}

📌 반복문

✔️ for

for문은 일정 조건의 횟수동안 for문 안의 코드를 반복한다.

for (초기값; 조건식; 증감식) {
	// 실행할 코드
}

for (let i = 0; i < 5; i++) { // i는 0부터 시작하고, 5 미만까지 반복, 1씩 증가함
	console.log(i); // 0 1 2 3 4
}

📎 중첩 for - 구구단 만들기

for (let i = 2; i <= 9; i++) {
  console.log(`구구단 ${i}단`);
  for (let j = 1; j <= 9; j++) {
    console.log(`${i} x ${j} = ${i * j}`);
  }
}

✔️ while

while문은 괄호 안의 조건이 false일 때까지 while문 안의 코드를 반복한다.

let num = 0;
while (num < 5) {
	console.log(num); // 0 1 2 3 4
	num++;
}

< 주의할 점❗️ >
조건식이 항상 true일 경우, 무한루프에 빠지기 때문에 조건식이 false가 될 수 있는지 주의해야 한다.

📎 do-while

do-while문은 뒤의 while문 안의 코드가 true일 동안 do문 안의 코드를 반복한다. while문 안의 코드가 바로 false가 되더라도 do문 안의 코드는 최소 한번은 실행된다.

do {
	console.log('false여도 한번은 실행됨') // 'false여도 한번은 실행됨'
} while (false)

📌 함수

함수(function)는 어떠한 일련의 기능을 하는 하나의 작업 단위이다.

✔️ 함수 선언

기본적으로 함수를 선언하는 방법인 함수 선언문이다.

function plus (num1, num2) { // num1과 num2를 매개변수로 입력받는다.
	return (num1 + num2); // num1과 num2를 더한 값을 반환한다.
}

📎 함수 표현식

함수 표현식으로 변수에 함수를 할당할 수 있다.

let func = function(){
 	console.log('함수 표현식')
}

✔️ 함수 호출

function plus (num1, num2) { // [2] 함수 호출문에서 1과 2를 매개변수로 입력받았다.
  	let result = num1 + num2; // [3] 함수 내부의 코드가 실행되어 1과 2를 더한다.
	return result; // [4] 결과값을 return한다.
}

// [1] 함수 호출문에서 1과 2를 전달인자로 입력한다.
console.log(plus(1, 2)); // 3 ([5] 결과값을 전달받아 출력한다.)

📎 매개변수 / 전달인자

• 매개변수: 함수를 선언할 때 () 안에 선언해 주는 값이다. 함수 블록 내에서 변수처럼 취급된다.
• 전달인자 : 함수를 호출할 때 () 안에 값을 넣어 함수의 매개변수에 값을 넘겨준다.

📎 return

함수 내에서 코드가 실행되다가 return문을 만나면 값을 반환한 후 함수가 종료된다. 즉, return문 뒤의 코드는 실행되지 않는다.