함수의 정의 : 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 " 반환
'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 |
댓글