이것저것

상황1. 음식 주문하기2. 음식을 먹고 있는 상황3. 음식을 냉동해버리는 상황🧩 콜백 함수 : 특정 작업이 끝난 후 나중에 호출(call back)될 것을 약속하는 함수, 다른 함수에 인자로 전달되어 특정 작업이 끝난 후에 실행되는 함수(ex. then, catch)🧩 setTimeout 함수 : 대표적인 비동기 함수, 주어진 시간(ms)이 지나면, 맡겨 놓은 콜백함수를 실행해줘라고 요청하는 역할을 함1. 음식 주문하기// 주문 파트function orderFood1(callback) { setTimeout(() => { const food = "피자"; callback(food); }, 3000);}orderFood1((food) => { console.log(food);});2. ..

: 배열의 요소를 정렬할 때 사용하는 메서드 let arr = ["b","a","c"];arr.sort()console.log(arr); // [ 'a', 'b', 'c' ] 문자열로 작성 시 정렬이 이뤄진다. 그러나 숫자로 작성 시let arr4 = [10, 22, 3];arr4.sort();console.log(arr4);// [ 10, 22, 3 ] 정렬로 이루어지지 않는다. 이럴 땐arr4.sort((a, b) => { if (a > b) { return 1; } else if (a ▶️ 이렇게 비교 함수를 작성해야 한다. ✅비교 함수 : 배열 요수 두 개를 인수로 전달하는 데 이 함수의 반환값에 따라 정렬 방식이 달라진다.비교 함수가 양수를 반환a와 b 중 위치가 a 보다 앞이어야 한..

MAP 메서드란?배열의 모든 요소를 순회하면서, 각각 콜백함수를 실행하고 그 결과값을 모아서 새로운 배열로 반환let arr2 = [1, 2, 3];const mapResult1 = arr2.map((item, idx, arr) => { return item * 2;});console.log(mapResult1); // [ 2, 4, 6 ] map과 filter의 차이점처음에는 filter은 하나씩 처리하고 map은 한꺼번에 모아서 처리하는 것으로 이해했었다.그런데 map과 fitler 둘 다 하나씩 순서대로 처리한다. ✔️ 차이점filter : 조건에 맞는 요소만 '골라내는' 역할을 한다. 마치 체로 거르듯이, 조건이 true 인 것만 남기고 나머지는 버린다. 그래서 그 결과 배열의 길이는 원래 배열..

filter 메서드란?기존 배열에서 조건을 만족하는 요소들만 필터링하여 새로운 배열로 반환하는 것let arr = [ {name: "윤두준", hobby : "축구" }, {name: "김태연", hobby : "노래" }, {name: "김탁수", hobby : "연기" }, ]; const hobbyfriend = arr.filter((item) => item.hobby === "축구"); console.log(hobbyfriend);여기서 궁금한 것은 왜 const를 사용하나?hobbyfriend라는 변수 자체를 다른 값으로 재할당 하는 것을 막기 위해서이다.filter 메서드는 항상 새로운 배열을 반환한다.arr1.filter(...) 가 실행되면, 조건을 만족하는 요소들..