본문 바로가기

Javascript26

[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. 배열 내장 함수 - map, indexOf, findIndex, find 그래도 공부만 하면서 글을 쓰는 것보단 오래오래 코딩하려면 운동을 병행해야 한다는 생각을 실천해 보자!라는 생각으로 헬스장을 등록하고 (원래 계속 운동했었음) 하체 운동을 마친 후 기술정리하며 공부중인데진짜 죽을 맛이다. 1. map 아 map 꽤 헷갈린다. 먼저 map은 배열 안의 원소를 변환할 때 사용하며 모든 원소를 변환하고 싶을 때 사용한다. 배열 안의 모든 숫자를 제곱으로 만들어 보자 for 예제 1 const array = [1, 2, 3, 4, 5, 6, 7, 8]; const squared = []; for (let i = 0; i < array.length; i++) { squared.push(array[i] * array[i]); } console.log(squared); // [1, .. 2023. 1. 16.
반응형