본문 바로가기

Array4

[javascript] 6. 배열 내장 함수 - test 배열 내장 함수를 정리했으니 테스트를 해보려고 한다. 일단 조건은 숫자 배열이 주어졌을 때 10보다 큰 숫자의 개수를 반환하는 함수를 만드는 것이다. console에 5가 찍히면 되는 문제이다. function countBiggerThanTen(numbers) { } const count = countBiggerThanTen([1, 2, 3, 5, 10, 20, 30, 40, 50, 60]); console.log(count); // 5 직접 테스트하며 주로 썼던건 reduce,forEach,filter이다. forEach function countBiggerThanTen(numbers) { let count = 0; numbers.forEach(n => { if (n > 10) { count++; } .. 2023. 1. 16.
[javascript] 6. 배열 내장 함수 - reduce 앞에 챕터에서 했던 배열 내장 함수는 아무것도 아니었다. reduce 이건 진짜 ㅋㅋㅋㅋㅋㅋㅋㅋ 1. reduce reduce는 주로 배열이 주어졌을 때 배열 안에 있는 모든 값들을 사용하여 연산할 때 사용함 배열의 모든 총합을 구해보자 forEach 예제 1 const numbers = [1, 2, 3, 4, 5]; let sum = 0; numbers.forEach((n) => { sum += n; }); console.log(sum); // 15 forEach로도 충분히 가능하다 하지만 reduce를 사용해보면 좀 더 간결하게 작성 가능하다. reduce 예제 1 const numbers = [1, 2, 3, 4, 5]; // A B C const sum = numbers.reduce((accumu.. 2023. 1. 16.
[javascript] 6. 배열 내장 함수 - filter 아침 7시에 일어나는 습관을 가지려고 조금 일찍 자봤다. 7시는커녕 7시 14분에 일어나는 기적을 보았다. 아침에 일찍 일어나는 사람들은 정말 대단한 듯하다. 난 쓰레기야.... 1. filter 먼저 이 filter를 사용하고 테스트하기에 앞서 개념을 정리해 보았는데 뭔가 map과 비슷하다. 차이점을 좀 더 알아볼 필요가 있을 것 같다. (하단 참고) filter는 특정 조건에 만족하는 원소들을 찾아서 그 원소들을 갖고 새로운 배열들을 만드는 작업을 할 수 있게 해 준다. 가벼운 예시를 한번 봐보자. const todos = [ { id: 1, text: "자바스크립트 입문", done: true }, { id: 2, text: "함수배우기", done: true }, { id: 3, text: "객체.. 2023. 1. 16.
[javascript] 6. 배열 내장 함수 - forEach 너무 재미없게 기술 정리만 해놓다 보면 글을 쓰는 나도 그렇고 혹여나 내 블로그를 봐주시는 감사한 분들에게도 잠시 쉬어가는 TMI ZONE을 만들어보려 한다. 항상 맨 윗줄에 쓸 예정 2월 4일자로 퇴사를 했다. 기분은 좋지만 놀 시기가 아니다. 코딩은 멈출 수 없다. javascript 중에서 배열 내장 함수가 자꾸 헷갈린다. javascript 2. 반복문에서 살짝 다뤘지만 그래도 기본기는 잡으면 잡을수록 좋다는 개인적인 견해가 있어 다시 한번 새롭게 정리해보려고 한다. 아 물론 나중에 다시 보거나 새롭게 알게 된 내용을 추가할 때 좀 더 편하게 작성하기 위해 각 내장 함수마다 페이지를 나눌 것이다. forEach 배열 안에 있는 원소들을 갖고 일괄적으로 어느 작업을 하고 싶다면 forEach문을 사.. 2023. 1. 16.
반응형

티스토리툴바