📂 JavaScript/JavaScript

[Javascript] reduce() 메서드 활용하기

코딩테스트를 하는데 다른 사람들의 풀이를 보면 반복적으로 reduce()가 나온다. reduce()를 이용하면 코드가 상당히 짧아지지만 reduce()를 잘 모르기도 하고, 굳이 사용하지 않아도 풀 수 있어서 그 동안 넘어 갔다. 그런데 계속 보이는 이 친구를 자세히 알고 싶어졌다. 👀 reduce() reduce()는 배열의 각 요소에 대해 주어진 콜백 함수를 실행하면서 하나의 값으로 축소(reduce)해 나가는 기능을 제공한다. 이 메서드는 초기값과 함께 사용될 수 있으며, 초기값이 제공되지 않으면 배열의 첫 번째 요소가 초기값으로 사용 된다. Array.reduce(callback, initialValue) Array: 배열, reduce()를 호출하는 배열 callback: 각 요소에 대해 실행되..

2024. 2. 1. 15:45

📂 JavaScript/JavaScript

[Javascript] 배열 정렬하기 sort() (오름차순, 내림차순 정렬)

배열 정렬하기 sort() (오름차순, 내림차순) sort() 메서드는 배열의 요소를 정렬한 후 그 배열을 반환한다. (원본배열이 수정되는 것에 유의) 기본 정렬 순서는 문자열의 유니코드이기 때문에, 숫자 정렬은 조금 다르게 해줘야 한다 arr.sort([compareFunction]); 👀 파라미터 1. compareFunction 정렬 순서를 정의하는 함수로 이 값이 생략되면 배열의 요소들은 문자열로 취급되어 유니코드 값 순서대로 정렬된다. 이 함수는 두 개의 배열 element를 파라미터로 받는다. 이 함수는 a, b 두 개의 element를 파라미터로 입력받는다. return 값이 0보다 작을 경우, a가 b보다 앞에 오도록 정렬하고, return값이 0보다 클 경우 b가 a보다 앞에 오도록 정렬..

2024. 1. 24. 17:45

📂 JavaScript/JavaScript

[Javascript] 객체지향 Class 문법

객체지향 Class 문법 Class 문법은 비슷한 object를 많이 만들 일 있을 때 사용한다. 비슷한 object의 갯수가 많을 수록 코드를 생산적으로 사용할 수 있도록 도와준다. Class 작명은 대문자로 한다. Class 사용하기 전 비슷한 object를 만들 때 (코드가 몇 줄인지 주목..) var hero1 = { q: 'consume', w: 'snowball' } var hero2 = { q: 'strike', w: 'courage' } var hero3 = { q: 'consume', w: 'snowball' } var hero4 = { q: 'strike', w: 'courage' } Class 사용하여 object 생성(옛날 문법) function Hero(x, y) { this.q ..

2024. 1. 24. 15:45

📂 JavaScript/JavaScript

[Javascript] 배열 자르기 slice()

배열 자르기 Array.prototype.slice() 배열의 일부분을 잘라내, 새로운 배열로 리턴하기 위해서는 slice() 함수를 사용한다. arr.slice([begin[, end]]) slice() 메서드는 배열의 begin부터 end까지 (❕end는 미포함) 잘라내 새로운 배열로 반환한다. (원본 배열은 바뀌지 않음) 👀 매개변수 1. begin (optional) 배열을 잘라낼 시작점에 대한 인덱스를 의미한다. 음수 인덱스는 배열의 끝에서부터의 길이를 나타낸다. 예를 들어 slice(-2)는 배열에서 마지막 두 개의 엘리먼트를 추출한다 const arr = [0,1,2,3,4,5] arr.slice(-2) // [4,5]​ begin이 undefined일 경우에는 0번째 인덱스부터 slice ..

2024. 1. 24. 14:19