반응형 JavaScript71 [JavaScript] Reduce() 란? Reduce() 란? - 배열의 각 요소에 대해 주어진 reducer 함수를 실행하고, 하나의 결과값을 반환 const array1 = [1, 2, 3, 4]; // 0 + 1 + 2 + 3 + 4 const result = 0; const sum = array1.reduce( (accumulator, currentValue) => accumulator + currentValue, result, ); console.log(result); // Expected output: 10 - 리듀서 함수는 네개의 인자를 가진다. 1. 누산기 (acc) 2. 현재 값 (cur) 3. 현재 인덱스 (idx) 4. 원본 배열 (src) 리듀서 함수의 반환 값은 누산기에 할당되고 누산기는 순회 중 유지되므로 최종 결과는 .. 2024. 2. 2. [Javascript] 배열 두배 만들기 문제 설명은 아래 링크 참고바랍니다. https://school.programmers.co.kr/learn/courses/30/lessons/120809 내가 생각한 솔루션들, Reduce는 아직 친숙하지 않다... Solution 1. Map function solution(numbers) { var answer = numbers.map(function(x) { return x * 2; }); return answer; } Solution 2. For function solution(numbers) { var answer = []; for(i=0; i < numbers.length; i++){ answer[i] = numbers[i] * 2; } return answer; } Solution 3. Re.. 2024. 2. 1. [JavaScript] 분수의 덧셈 최대공약수를 사용해서 문제 해결! 문제 설명은 아래 링크 참고해주세요. https://school.programmers.co.kr/learn/courses/30/lessons/120808 우선 최대공약수를 구하는 함수를 먼저 만들고, 그 이후에 result값을 반환하도록 해야한다. // 최대공약수 function cal_gcd(a,b){ return a % b === 0 ? b : cal_gcd(b, a % b) } // 최대공약수를 활용해서 해결 function solution(numer1, denom1, numer2, denom2) { var num = numer1 * denom2 + numer2 * denom1; var denom = denom1 * denom2; var gcd = cal_gcd(n.. 2024. 1. 31. [Javascript] 배열 뒤집기 1. FOR function reverse(num_list) { var answer = []; var j = num_list.length for(var i = 1; i 2024. 1. 31. [Javascript] Date Methods (간단한 시계 구현) new Date 객체를 사용하면 날짜와 시간을 가져올수있습니다. 이를 활용하여 간단하게 시계를 구현해보겠습니다. 날짜와 시간은 아래와 같은 범위로 이용됩니다. 1. 연도(year) : 1900년(00) ~ 1999년(99) 2. 월(month) : 1월(0) ~ 12월(11) 3. 일(day) : 1일(1) ~ 31일(31) 4. 시(hours) : 0시(0) ~ 23시(23) 5. 분(minutes) : 0분(0) ~ 59분(59) 6. 초(seconds) : 0초(0) ~ 59초(59) Date Get Methods 종류 Date Set Methods 종류 아래는 간단하게 Date Get Methods를 활용하여 시계를 구현했습니다. padStart()는 변수값 앞쪽에 지정하는 문자를 넣어주는 메소드.. 2024. 1. 25. [JQuery] Ajax Javascript Ajax 관련 포스팅은 이전에 했었고, 간단히 JQuery Ajax 사용법에 대해 글을 써보고자 한다. 1. Ajax 란? Asynchronous JavaScript + XML 의 약자로, 서버사이드 스크립트와 통신하는 XMLHttpRequest 객체입니다. 간단히 설명하면 페이지를 이동하지 않고 사용자에게 정보를 보여주고 싶을 때 많이 사용됩니다. 좀 더 자세히... - 웹페이지가 서버와 비동기 통신을 하는 기술들의 집합체 - 사용자를 방해하지 않으면서 브라우저와 웹 서버가 정해진 형식대로 데이터를 주고받는 방법. - AJAX를 사용하면 서버와 동적으로 데이터를 주고 받을 수 있게 됨. - Ajax를 사용하고 DOM을 일부만 조작하면 jQuery와 자바스크립트를 통해 페이지 일부만 .. 2024. 1. 24. 이전 1 ··· 5 6 7 8 9 10 11 12 다음 반응형
