혼공JS 4주차

혼공학습단/JavaScript

혼공JS 4주차

우당탕가윤 2023. 7. 30. 17:35

4주차 내용

Chapter 05 : 함수
1. 함수의 기본 형태
2. 함수 고급

Chapter 05 : 함수

1. 함수의 기본 형태

개념

익명 함수 : 이름이 없는 함수 ex) function () {}

선언적 함수 : 이름이 있는 함수 ex) function 함수 이름 () {}

매개변수 : 함수의 괄호 안에 넣는 변수, 함수의 외부 정보를 입력받을 수 있음

리턴값 : 함수의 최종적인 결과, 함수 내부에 return 키워드를 입력하고 뒤에 값을 넣어 생성함

가변 매개변수 함수 : 매개변수의 개수가 고정되어 있지 않은 함수, 나머지 매개 변수를 활용해서 만듬

전개 연산자 : 배열을 함수의 매개변수로써 전개하고 싶을 때 사용

기본 매개변수 : 매개변수에 기본값이 들어가게 하고 싶을 때 사용하는 매개변수

2. 함수 고급

개념

콜백 함수 : 매개변수로 전달하는 함수

화살표 함수 : 익명 함수를 간단하게 사용하기 위한 목적으로 만들어진 함수 생성 문법, ex) () => {}

즉시 호출 함수 : 변수의 이름 충돌을 막기 위해 코드를 안전하게 사용하는 방법

엄격 모드 : 자바스크립트의 문법 오류를 더 발생시켜 실수를 줄일 수 있는 방법

4주차 미션

기본 미션

<!DOCTYPE html>
<html lang="en">
<head>
    <title>혼공JS 4주차</title>
    <script>
        function isLeapYear(year) {
            return (year % 4 === 0) && (year % 100 !== 0) || (year % 400 === 0)
        }

        console.log(`2022년은 윤년일까? === ${isLeapYear(2022)}`);
    </script>
</head>
<body>
</body>
</html>

선택 미션

<script>
  let numbers = [273, 25, 75, 52, 103, 32, 57, 24, 76]
  // 1. 홀수만 추출
  numbers = numbers.filter(function (value) {
    return value % 2 === 1; // => [273, 25, 75, 103, 57]
  });
  
  // 2. 100 이하의 수만 추출
  numbers = numbers.filter(function (value) {
    return value <= 100; => [25, 75, 57]
  });
  
  // 3. 5로 나눈 나머지가 0인 수
  numbers.filter(function (value) {
    return value % 5 === 0; => [25, 75]
  });
  
  console.log(numbers) => [25, 75]
</script>

'혼공학습단 > JavaScript' 카테고리의 다른 글

혼공JS 3주차 (0)	2023.07.30
혼공JS 2주차 (0)	2023.07.30
혼공JS 1주차 (0)	2023.07.09

현재글혼공JS 4주차

우가 :D