JS_06_함수

1. 함수 Function

1) 정의

특정한 {} 안에 미리 정의된 코드

2) 목적

미리 정의된 코드를 재사용

3) 함수 종류

• 라이브러리 : 미리 만들어진 함수
• 정의함수 : 나(개발자)가 만든 함수

4) 함수도 JS에서는 자료형

5) JS함수 표현 방법

• 선언적 함수
  선언 키워드를 이용하여 함수를 만드는 방법
  function 함수명(){};

• 익명 함수
  함수명 없이 정의하는 방법
  function (){};

• 화살표(람다식) 함수
  선언키워드와 함수명 없이 정의하는 방법
  ( ) => {}

6) 함수 만드는 방법

function :
함수명 :
() : 매개변수 (함수 안으로 들어오는 데이터)
인수 : 들어가는 수
인자값 : 들어온 수
{} : 함수가 실행될 때 처리되는 명령어들
return : 함수가 종료되면서 함수를 호출했던 곳으로 반환되는 값 (필수 X)

7) 함수 호출

• JS
  함수명();
  함수명(인수, ...) : ,로 구분하여 정해진 매개변수를 함수에 대입
• HTML
  <마크업 이벤트속성='함수명()'>

// [1] 함수 만들기
function 함수1(){
    console.log(`내가 처음 만든 함수`)
};

// [2] 함수 호출
함수1();

// [3] 간단한 함수 만들기
function 더하기(x , y) {
    console.log( x + y );
    return 10 ; //return 값은 무조건 1개
};

더하기(1, 2); // result = 3

2. 예제

// 기본 함수 선언 및 호출
// '함수 호출 성공!'이라는 메시지를 콘솔에 출력하는 sayHello라는 이름의 함수를 정의하고, 
// 그 함수를 호출하시오.

function sayHello() {
    console.log('함수 호출 성공!');
};
sayHello();

// for 반복문을 포함한 함수
// 임의의 숫자 n을 매개변수로 받아, 
// 1부터 n까지의 숫자를 콘솔에 차례대로 출력하는 printNumbers 함수를 정의하시오.

function printNumbers(n) {
    let print = '';
    for (let i = 1; i <= n; i++) {
        console.log(i);
    };
};
printNumbers(5)

// 배열을 매개변수로 전달
// 임의의 이름 들이 담긴 배열을 매개변수로 받아, 
// for 반복문을 사용하여 배열의 모든 요소를 콘솔에 하나씩 출력하는 printFruits 함수를 정의하시오.

let Fruits = ['사과', '수박', '포도', '딸기'];
function printFruits(array) {
    for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
    };
};

printFruits(Fruits);

// 가장 긴 단어 찾기
// 문자열로 이루어진 배열을 매개변수로 받아, 
// for 반복문을 사용해 가장 긴 단어를 찾아 반환하는 findLongestWord 함수를 만드세요. 
// 아래 words 배열로 테스트해 보세요.

const words = ['apple', 'banana', 'kiwi', 'strawberry'];

function findLongestWord(array) {
  let longest = "";

  for (let i = 0; i < array.length; i++) {
    if (array[i].length > longest.length) {
      longest = words[i];
    };
  };
  return longest;
}
console.log(findLongestWord(words));