[항해99] Day09. TIL – For문에서 Filter로 가는 과도기 (For문, Filter() 공부)

👩🏻‍💻 Today I Learned 📚 

 

⭐ 배열이 나타났다하면 생각나는 for문

다양한 알고리즘 문제를 부여받았고, 하나씩 풀어보고 있는데 배열로 하는 문제만 나왔다하면 자연스레 for문을 쓰고 있다. 이제 지겹기까지한 for문.

문제에 따라서 다르겠지만 어떤 문제는 for문을 쓰면 효율적이기도하다. 하지만 이제 내장함수를 사용해서 풀 수 있는 문제는 써서 풀고 싶은데 오류가 계속 나니깐, 내장함수 때문인건지, 오타가 있는건지, 내가 쓰는 함수에 확신이 없어서 계속해서 회피만 하게 된다.

오늘 함께 공부하는 팀원 중 한 분이 reduce() 라는 메서드에 대해서 설명해줄 수 있겠냐고 물어보셔서 따로 검색을 해봤었다. reduce()함수는 그저 배열의 요소의 전체 합산을 구하거나, 최고값을 구할 때 썼는데 이 함수에 대한 설명이라고 하니 정말 할 말이 없었다. 그냥 공식처럼 외워서 쓰던거였는데, 진득하게 앉아서 함수를 뜯어보듯이 공식문서를 읽어보고 공부했다.

점점 내장함수에 대한 욕심이 생겨나서 나도 코드를 예쁘고 클린하게 짜고 싶다라는 생각이 들었다.

 

 

⭐ filter() 메서드

이젠 친해지고 싶은 filter(). for문 대신에 쓰고 싶은 곳에 맘껏 쓰고 싶다 정말

arr.filter(callback(element[, index[, array]])[, thisArg])

filter()는 callback 함수로 어떤 일을 반복 수행하는 repeat이 되는 함수이다.

이때 파라미터를 3개를 받을 수 있는데, element(요소), index(요소 인덱스), array(배열의 객체)

this.Arg는 filter에서 사용될 this 값이다. 선택적으로 사용되며 사용하지 않을 경우 underfined 전달된다

콜백함수이다 보니 for문 대신에 사용할 수 있을 때가 있는데, 항상 이 점을 잊고 for문을 쓰고 있다.

 

참고

MDZ Reduce() 👉🏻 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

MDZ Filter()  👉🏻 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Array.prototype.filter() - JavaScript | MDN

 

 

 

이전에 풀어봤던 문제들을 다른 팀원들에게 설명하기 위해서 복기하듯이 하나하나 다시 풀어보고 내가 어렵다고 생각하던 문제들은 거의 챌린지 파트에 몰려있었다. 그말인 즉슨, 챌린지 파트 문제는 내가 아예 안 풀어본 문제라는 것이다.
하나 둘 씩 풀어보고 있는데, 시간이 정말 많이 걸린다. 15-30분 보고 안 되겠으면 넘어가거나 필요할 것같은 내장함수를 검색해본다던가 해보는데… 역시 알고리즘은 많이 풀어봐야하는 것이고. 그래야 지식이 쌓인 다는 것을 느끼고 있다. 

안 풀리던 문제를 결국엔 풀어내고 나면 어찌나 뿌듯한지! 너무 신나서 계속 도전하게 된다. 너무 재밌어 !!