html,css,js 공부

(2024 03 07) js 15일차

ari0930 2024. 3. 7. 00:56

(2024 03 07) js 15일차

콜백함수

매개변수로 전달하는 함수를 콜백함수라 한다 

        function callThreeTime(callback) {
            for(let i=0; i<3;i++) {
                callback(i)

            }
        }
        function print(i){
            console.log(i)
        }
        callThreeTime(print)

 

print라는 함수를 callback 한다는 의미로 함수를 매개변수로 받아서 그함수를 for문이 진행되는 동안에 실행시킨다

 

리턴한 값을 기반으로 새로운 배열을 만드는 함수 map

        let number=[273,52,103,32,57]

        numbers=number.map(function(value,index,array){
            return value*value
        })
        numbers.forEach(console.log)

 


fitter 콜백 함수에서 리턴하는 값이 트루인것들만 모아서 배열 만드는함수

        const num=[0,1,2,3,4]
        const evet=num.filter(function(value) {
            return value%2==0
        })
 

 

화살표 함수 function을 쉽게 만들수 있게 해준다


(매개변수) => {

}

 
        let number = [0,1,2,3,4,5,6,7,8,9,10]

        end=number
        .filter((value) => value%2===0)

        console.log(end)

위와 같이 짝수만 출력된다 

 

time함수


setTimeout(함수,시간) 특정 시가훈 하수 한번호출
setinterval(함수,시간) 특정 시간 마다 함수를 호출


clearTimeout(타이머_id): 지정된 타이머를 취소합니다. 이 함수를 사용하면 setTimeout() 함수로 설정된 지연 실행이 취소됩니다.

clearInterval(타이머_id): 지정된 인터벌을 취소합니다. 이 함수를 사용하면 setInterval() 함수로 설정된 주기적인 실행이 중지됩니다.

반응형

'html,css,js 공부' 카테고리의 다른 글

(2024 03 11)JS 18일차  (0) 2024.03.11
(2024 03 07-08)16-17일차 js  (1) 2024.03.08
(2024 03 05) js 14일차  (0) 2024.03.05
카카오 로그인창 보고 비슷하게 만들어보기  (1) 2024.03.01
(2024 02 29)html,css,js 10일차  (0) 2024.03.01