기초 개발 노트

// 배열 데이터 정렬하기const nums = [6, 11, 3, 7, 9, 10, 2, 4, 1]console.log(nums);nums.sort((a, b) => a - b); // 오름차console.log(nums);nums.sort((a, b) => b - a); // 내림차console.log(nums);//nums.reverse(); // 내림차//console.log(nums); 숫자를 정렬하는 법은 비교적 문자에 비해 간단하다. 한줄로 활용하능하다.  userList.sort((a, b) => { if (a.userName > b.userName) return -1; else if (a.userName 문자의 경우에는 조건문으로 앞서올 문자를 구분해주면 된다. 리턴-1 처리 된쪽이..

// 4. **각 도시별로 발생한 총 거래액을 객체 형태로 매핑해주세요.// 예를 들어, `{서울: 총거래액, 부산: 총거래액}`과 같은 형태입니다.**console.log('=============================');const totalByCity = traders.reduce((totalByCity, trs) => { const city = trs.trader.city; totalByCity[city] = (totalByCity[city] || 0) + trs.value; return totalByCity;}, {});console.log(totalByCity);traders에서 reduce를 이용해 돌려준다 돌리는과정에 trs.trader.city를 다쓰기 귀찮으니 city값..

리듀스는 너무 어려웠다 지피티랑 얘기를 나누고 이해를 했다대화내용 적는게 제일 좋은듯네, 맞습니다. reduce 함수를 사용하여 최댓값을 찾는 방법은 정확히 그렇습니다. reduce 함수를 사용하면 주어진 배열의 모든 요소를 반복하면서 원하는 값을 누적하고 최종 결과를 반환할 수 있습니다.여기서 사용된 로직은 다음과 같습니다:reduce 함수를 호출하면서 초기값으로 가장 큰 값을 가진 거래자 객체(max)를 설정합니다.배열의 각 요소를 순회하면서 현재 요소(trs)의 거래액을 최댓값과 비교합니다.만약 현재 요소의 거래액이 최댓값보다 크다면, 최댓값을 현재 요소로 업데이트합니다.모든 요소를 순회한 후에는 가장 큰 거래액을 가진 거래자의 정보가 최종적으로 max에 저장되게 됩니다.이렇게 하면 for문을 사용..

여기 예제가 있다.const traders = [ { trader: { name: "김철수", // traders[0].trader.name city: "대전", }, year: 2023, // traders[1].year value: 500000, }, { trader: { name: "박영희", city: "서울", }, year: 2022, value: 600000, }, { trader: { name: "김철수", city: "대전", }, year: 2022, value: 1200000, }, { trader: { name: "박영희", c..

사과바구니를 가져왔다 const appleBasket = [{ color: 'green', sweet: 13},{ color: 'red', sweet: 14},{ color: 'red', sweet: 11},{ color: 'green', sweet: 6},{ color: 'green', sweet: 7},{ color: 'green', sweet: 9},]; 문제.  /* 사과중에 녹색이면서 당도가 9인 사과만 선별하여 // filtering 1 "이 사과는 xx색이며 당도는 xxx입니다" // mapping 2 라는 문자열이 들어있는 배열을 만들어tj 콘솔에 반복출력해주세요. // forEach  */ const filteredApples = appleBasket.filte..

const userList = [ { account: 'abc1234', userName: '대길이', job: '추노', address: '서울', hobbys: ['수영', '축구', '테니스'], salary: 5400000, age: 35, }, { account: 'banana', userName: '빠나나', job: '과일', address: '서울', hobbys: ['푸드파이팅', '테니스'], salary: 9700000, age: 18, }, { account: 'park1234', userName: '주차왕', job: '발렛파킹', address: '경기', hobbys:..

콜백이란??함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수를 콜백 함수라고 하고, 매개 변수를 통해 외부에서 콜백 함수를 전달받은 함수를 고차 함수라고 한다. 콜백의 핵심 : 동작을 파라미터화한다if문에 들어있는 조건식들만 파라미터로 전달한다면 쉽게 해결자바스크립트의 함수는 일급 객체라서 함수에게 다른 코드를 전달하는 것이 가능.단, 전달할 코드가 함수에 묶여있어야 한다는게 포인트 // 어떤 계산을 하는 함수function operate(param) { console.log(`param = ${param}`); const x = param(10, 20); console.log('계산기 작동!!'); const n1 = 10, n2 =20; const result = param(n1,n2..

화살표 함수 (arrow function)함수는 함수 선언문 방식과 함수 표현식 방식으로 만들 수 있다ES6부터는 더 간편한 방법으로 함수를 만드는 화살표 함수 문법이 추가되었다.///// 화살표 함수 // 중괄호(한줄일때), 리턴 제거가능(한줄일떄)const add = (n1, n2) => n1 + n2;const r1 = add(10, 20);console.log(`r1: ${r1}`);const sayHello = () => console.log('안녕하세요');sayHello();const kim = { name: '김철수', greeting: sayHello, dance: () => console.log('춤을 신나게 춥니다.')};kim. greeting();kim.dance();..

// 함수도 하나의 데이터이고 값이다.console.log(typeof plus);const r2 = plus(5, 8);console.log(`r2: ${r2}`);// 익명 함수 : 함수를 값(리터럴)을 본 경우// 함수 표현식 이라고함const multiply = function(n1, n2) { return n1 * n2;}; // 값으로 쓸꺼면 세미콜론 붙임 함수이름도없음.const r3 = multiply(3, 4);console.log(`r3: ${r3}`); /* # 다음과 같은 조건을 만족하는 객체를 일급객체라고 한다.  1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 함수를 전달할..

스코프(scope)란??모든 식별자(변수, 함수, 클래스 등)는 자신이 선언된 위치에 의해 다른 코드가 자신을 참조할 수 있는 유효 범위가 결정되는데 이를 스코프라고 부릅니다. 라고한다 var x = 99; // global scope : 전역 변수 // 다른코드랑 결합될수도 있음 최대한 안쓰는게좋음var y = true;function foo () { var x ='홍길동'; // local scope : 지역 변수 console.log(`foo x: ${x}`); var y = '메롱'; console.log(`foo y: ${y}`); var z = 100; return x;}전역 변수는 쓰지 않는 것이 좋다. // 중첩 함수 : 함수 안에 함수를 정의function outer(m) ..