Javascript 6

Array.reduce()

Array.reduce() Array.reduce()는 단순 덧셈을 반복문 없이 쉽게 할 수 있게 만들 어 주는 메소드이다. 총 4개의 값이 필요한데 간단하게 구조를 보자 원본배열.reduce((이전요소까지의합accumulator, 현재값currentValue)=>accumulator+currentValue, 초기값) 이렇게 이전 요소까지의 합(누산기, accumulator), 현재 값(currentValue), 초기 값, 원본 배열이 필요하다 사용 방법을 예로 들어 보면 을 구하는 문제가 있다고 해보자 기존에는 반복문으로 풀었다면 let result =0; for(const el of arr){ result+=el; } return result => 55 출력 이런 방식으로 풀었을 것이다. 동일한 예시..

Javascript/method 2023.03.16

Array.filter()

Array.filter() filter()는 입력된 함수에 따라 조건에 맞는 배열의 요소들만 새로운 배열로 리턴한다. 예를 들어 배열에서 10보다 작은 요소들만 남기고 싶다면 이런 식으로 할 수 있다. let arr = [3,4,255,34,23,5]; let newArr = arr.filter((el)=>el [3,4,255,34,23,5]; newArr => [3,4,5]; 이렇게 filter 메소드는 자동으로 배열을 순회하며 조건에 맞는 요소들만 정리하여 새로운 배열을 return 한다. filter가 없었다면 반복문을 이용해 직접 배열을 순회하는 코드를 길게 작성해야 했겠지만 filter 메소드를 통해 간단하게 표현할 수 있다. 배열의 원본을 수정하는 메소드가 아니기 때문에 빈 배열에 받아 주는 ..

Javascript/method 2023.03.16

Array.map()

Array.map() Array.map()은 입력한 함수를 배열의 모든 원소에 적용해 주는 메소드이다. 예를 들어 let arr = [1,2,3,4,5,6,7,8,9]; arr.map((el)=>2*el); console.log(arr.map((el)=>2*el)) => [2, 4, 6, 8, 10, 12, 14, 16, 18] 함수는 map 내부에서 선언해도 되고 함수가 복잡해지면 외부에서 선언하는 것이 권장됩니다. Array.map은 다른 방식으로도 사용 할 수 있습니다. let a = Array.prototype.map.call('1234552354', el => Number(el)); console.log(a) => [1, 2, 3, 4, 5, 5, 2, 3, 5, 4] //Array.protyp..

Javascript/method 2023.03.11

Array.sort( )

Array.sort( ) Array.sort() 메소드는 배열을 정렬해주는 기능입니다 기본적으로 함수 선언 없이 .sort()로 바로 사용하면 let arr = [4,2,3,5] arr.sort() console.log(arr) => [2,3,4,5] 위와 같이 오름 차순으로 정렬을 해줍니다. 언뜻 편해보이지만 함수 없이 사용시에는 큰 문제점이 있습니다. 바로 기본적으로 sort 메소드는 유니코드 순으로 정렬을 해준다는 것입니다. 예를 들어 let arr = [10,1,11,101,4,2,3,5] arr.sort() console.log(arr) => [1, 10, 101, 11, 2, 3, 4, 5] 유니코드 순서상 1 다음에는 2가 아닌 10이기 때문에 우리가 원하는 정렬을 해주지는 않습니다 따라서 ..

Javascript 2023.03.07