본문 바로가기
UI 개발의 모든 것/JavaScript || JQuery

함수 종류

by minMemory55 2024. 2. 14.
728x90
반응형

함수의 정의 : function 키워드 , 함수는 자판기이다.

함수에 입력값을 넣으면 반환값을 얻을 수 있다.

 

 

** 콜백 함수 : callback

- 매개변수로 전달하는 함수

- 다른 함수가 실행을 끝낸 뒤 실행되는 callback 퇴는 함수

- 가독성이나 코드 재사용 면에서도 사용 가능

 

** forEach()

- 배열이 갖고 있는 함수(메서드)로 배열 내부의 요소를 사용해서 함수를 호출

- map()과 같이 배열을 탐색하지만 차이점은

- map()은 값을 새로운 배열에 반환하지만

- forEach()은 배열값을 반복해서 사용하기 위한 메서드이다.

- es6에서 새로 생긴 메서드는 아니고 es5에 추가된 메서드임

**map()

- 배열이 갖고 있는 함수

- 리턴 한 값들을 기반으로 새로운 배열을 만든다

- filter 함수와 같이 객체(object) 타입도 컨트롤 가능하다.

- 배열을 map호출해서 새로운 배열로 만듬

- 한번만 실행하고 빈 요소는 실행되지 않음(값을 호출하지 못하기 때문)

- 기존의 배열은 건들지 않음

let num = [1,3,5,7,9]; //num의 값을 제곱해서 sqrt
let calcNum = num.map(calc)

function calc(a){
     return a * a;
}
console.log(calcNum)
//1, 9, 25, 49, 81으로 반환

 

 

** filter()

- 리턴하는 값이 true(참)인 것들만 모아서 새로운 배열을 만든다.

** 화살표 함수

- 아래와 같이 사용한다.

- function 키워드 대신 화살표를 사용

- 화살표 : =>

const test = function(){};
//화살표 함수 사용 방법
const test = () => {};

 

 

** 타이머 함수

* 타이머 함수 호출할 때

- setTimeout(함수, 시간) : 특정 시간 후에 함수를 한 번 호출

- setInterval(함수, 시간) : 특정 시간마다 함수를 호출

* 타이머 함수 종료할 때

- clearTimeout(타이머_ id) : setTimeout() 함수로 설정한 타이머를 제거

- clearInterval(타이머_ id) : setInterval() 함수로 설정한 타이머를 제거

** typeof()

typeof함수는 인자로 입력받은 값의 타입을 반환(리턴)한다.

let a = 1 > 1;
let typeOfA = typeof(a);
consolo.log("typeOfA : " + typeOfA);
//"typeOfA : boolean " 반환
728x90
반응형

'UI 개발의 모든 것 > JavaScript || JQuery' 카테고리의 다른 글

객체  (0) 2024.02.20
es6 - 반복문  (0) 2024.02.13
배열 요소 제거  (0) 2024.02.08
switch 조건문  (0) 2024.02.07
상수? 변수?  (0) 2024.01.31

댓글