💧JS:Callback

💧callback function

콜백 함수는 매개변수로 함수 객체를 전달해 호출 함수 내에서 
매개변수 함수를 실행하는 것을 말한다.

🌈forEach

forEach() 메서드는 배열에 활용이 가능한 메서드로, 매개변수로 주어진 함수를
배열 요소 각각에 대해 실행하는 메서드이다.

https://whoyoung90.tistory.com/24
for-in for-of와의 차이점(일단 pass)

🌈forEach and map difference

forEach
-콜백함수를 인자로 받고 각 요소에 콜백함수를 실행시킨다
-반환x
-반복문 코드를 줄이기 위해 사용

map
-콜백함수를 인자로 받고 각 요소에 콜백함수를 실행시킨 새로운 배열을 반환한다
-배열의 각 요소를 다른 값으로 바꾼 새로운 배열을 생성하기 위해 사용

https://velog.io/@limes/Javascript-Array-Method-for-each-%EC%99%80-map%ED%95%A8%EC%88%98%EC%9D%98-%EC%B0%A8%EC%9D%B4
문법이나 자세한 차이점

🌈Arrow Functions

const add = function(x,y) {
  return x+y; }
위처럼 쓰던걸 아래처럼 쓸 수 있다
const add = (x,y) => {
  return x+y; }
인수가 없을 때 ()괄호는 있어야한다
인수가 1개일때 ()괄호 사용해도되고 안해도된다
인수가 2개 이상이라면 ()괄호는 꼭 사용해야한다

(Implicit Return) 암시적 반환
return을 사용하지 않더라도 화살표 뒤에 {} 대신에 ()을 사용하면 값을 반환함
괄호 자체를 생략하는 방법도 존재한다

const movies = [
    {	title: 'Amadeus',
        score: 99 },
    { 	title: 'Stand By Me',
        score: 85 },
    { 	title: 'Parasite',
        score: 95 },
    {	title: 'Alien',
        score: 90 } ]

const newMovies = movies.map(function (movie) {
    return `${movie.title} - ${movie.score / 10}`
 })

// IMPLICIT RETURN 암시적 반환
const newMovies = movies.map(movie => (
    `${movie.title} - ${movie.score / 10}`
))

This

this를 일반적인 함수랑 사용할때 와 화살표 함수랑 사용할 때 this의 참조범위가 달라진다

화살표 함수랑 사용할때는 this는 윈도우 객체를 가르킨다(?)
함수가 만든 범위에 상속되는 this 키워드 값과 같다

🌈setTimeout and setInterval + clearInterval

setTimeout
일정 시간후에 작동
setTimeout(() => {
  console.log("...are you still there?")
},3000)
밀리초 단위이기 때문에 3초후에 작동한다

setInterval
콜백을 매 특정 밀리 초 마다 호출하는 함수이다
const id = setInterval(() => {
  console.log(Math.random())
},2000);
clearInterval(id) 입력시 종료 가능

💧Filter

요소로 구성된 배열에서 필터링을 하거나 부분 집합을 모아 새 배열을 만드는데 사용한다

콜백을 전달해서 이 콜백이 참이나 거짓을 반환해야하게끔 해야한다 (불리언)

const movies = [
    {
        title: 'Amadeus',
        score: 99,
        year: 1984
    },
    {
        title: 'Sharknado',
        score: 35,
        year: 2013
    },
    {
        title: '13 Going On 30',
        score: 70,
        year: 2004
    }
]

const recentMovies = movies.filter(m => m.year > 2000)

// const goodMovies = movies.filter(m => m.score > 80)
// const goodTitles = goodMovies.map(m => m.title)

//map과 filter를 함께 사용
movies.filter(m => m.score > 80).map(m => m.title);

🌈Some and Every

불리언 값과 관련된 함수
every는 모든 요소가 true값인지를 
some은 하나 이상의 요소가 true 값인지를 확인

🌈Reduce

배열을 가져다가 점차 줄여가면서 마지막에는 하나의 값만 남긴다
문법 두개의 매개변수를 갖는다
accumulator 배열을 말하며 줄여나갈 대상으로 볼 수 있다
currentValue 각각의 요소를 나타낸다
활용한다면 배열에서 각각 요소들의 합, 곱, 최대값, 최솟값 등등을 구할 수 있다