[JavaScript] 제어문

HyeonE·2025년 4월 9일

JS

목록 보기
5/17
post-thumbnail

블록문

// 단독으로 사용 가능
{
  let a = 1;
  console.log(a);
}

// 이것은 객체임*
{
  a: 1;
}

객체

const obj = {
  id: 1,
  home: "Busan",
};

제어문

let x = 5;

if (x < 3) {
  console.log("3보다 작음");
} else if (x < 10) {
  console.log("3 이상 10 미만");
} else {
  console.log("10 이상");
}

함수 선언문

function sum(a, b) {
  return a + b;
}

반복문

for (let i = 1; i < 11; i++) {
  console.log(i);
}

// for...of (배열 순회)
const arr = [1, 2, 3];
for (const num of arr) {
  console.log(num); // 1, 2, 3
}

// for...in은 객체에, for...of는 배열/이터러블에 사용합니다.
const user = { name: "kim", age: 30 };
for (const key in user) {
  console.log(`${key}: ${user[key]}`);
}

let count = 0;
while (count < 3) {
  console.log(count);
  count++;
}

// 본문이 한줄이면 대괄호를 쓰지 않아도 된다.
while (count) alert(count--);

do-while

do {
  console.log(count);
  count++;
} while (count < 3);

무한루프

while (true) {} // redux saga

if (true) {
  // break;
}

let sum = 0;
while (true) {
  let value = prompt("숫자를 입력하세요");

  if (!value) break;

  sum += value;
}
alert("합계" + sum);

continue

var string = "hahahahahhhh";
var search = "h";
var count_1 = 0;

for (let i = 0; i < string.length; i++) {
  if (string[i] !== search) continue;
  count_1++;
}

console.log(`'${search}'의 개수: ${count_1}`); 

함수 표현식

// 함수 선언문 (호이스팅 됨)
function sayHi() {
  console.log("Hello");
}

// 함수 표현식 (호이스팅 안됨)
const sayHello = function () {
  console.log("Hi");
};
profile
프론트엔드 개발자가 되고싶은 대학생

0개의 댓글