JS 문법

태리·2022년 10월 1일
0
post-thumbnail

콜백함수

먼저 함수가 실행을 끝낸 뒤 실행되는 함수

function func(callback) {
  callback();
 }
function callback() {
  console.log('callback이다');
 }
func(callback);

// callback이다



forEach()

  • 배열의 메소드
  • 각각 요소들에 callback함수를 적용
  • 리턴값이 없다

function (value, index, array) { }

첫번째 파라미터는 값이 도착한다
두번쨰 파라미터로는 인덱스가 도착
세번째 파라미너로는 forEach중인 배열이 도착

const numbers = [1,4,9]
numbers.forEach(myFunction); // numbers배열에 forEach로 함수를 전달한다

function myFunction(value, index) {
  console.log(`${index}번째 요소: ${value}`);
}



map()

arr.map(callback(currentValue[, index[, array]])

  • 배열의 메소드
  • 각각 요소마다 callback함수 적용 후 새로운 배열로 리턴
  • 리턴값이 있다
let numbers = [1,4,9]
let parameters = numbers.map((num, index, arr) 
                             => {console.log(num, index, arr)})



filter()

arr.filter(callback(currentValue[, index, [array]])

  • 배열의 메소드
  • 각각 요소마다 조건 혹인 후 조건을 만족하는 원소들로 구성된 새로운 배열 리턴
  • 리턴값이 있다
let numbers = [1,4,9]
let parameters = numbers.filter((num, index, arr)
                               =>{console.log(num, index, arr)})



Arrow function

  • 익명함수를 간단하게 쓰기 위한 문법
    • function (매개변수) { }
      • (매개변수) => {}
profile
UXUI 디자이너 취준생입니다

0개의 댓글