1259

[4BFC]

#️⃣ Number

• problem Number
• B/No.1

🏆정답여부

• 정답

🌐문제 링크

🔗 1259

🔐풀이 과정

🔥Point
원본과 반전시킨 두 값을 따로 관리해야한다고 생각했다. 이를 유념하면서 코드를 구현했다.

📌Description

• 어느 정도 map이나 forEach와 같은 루핑으로 2차원 배열, 1차원 문자열에 각 객체 요소에 접근하는 것은 어느 정도 이해하고 숙달 된 듯한다. 그리고 해당 요소를 가지고 split, sort, reverse, trim, join 함수를 가지고 문자열을 조합하는 것 또한 이해하고 있다.

• filter와 활용

  • 나는 filter 문제를 많이 접하지 않았다. 다만 filter를 프로젝트나, 실무에서 많이 사용했기 때문에 이를 사용하는 것에 대한 거부함이나 낯설음은 없다. 다만, filter를 심도있게 본적, 심층있는 활용 경험이 없어 이번 기회에 한번 살펴봤다. 내가 해당 문제를 풀 때 당혹 스러웠던 것은 주어진 조건에 0이 있을 경우 이를 배제시키는 것인데 순간 stack을생각했고 pop을사용하려 했다. 하지만 stack의 구조가 아닌 현재에서 filter를 어떻게 활용해야 할지 우왕좌왕했다.

  • filter란 무엇인가

    • filter는 배열의 요소를 조건에 따라 선택적으로 유지하거나 제거할 수 있다. 기본적인 filter의 구조는 다음과 같다.

      const numbers = [1, 2, 3, 4, 5, 6];
      const evenNumbers = numbers.filter((num) => num % 2 === 0);
      console.log(evenNumbers); // [2, 4, 6]
    

    • filter의 형태는 map이나 forEach와 매우 유사하다. 해당 배열의 요소를 받아와 조건에 부합(true)한 경우에 true라고 인식한 값만 반환을 한다. 즉, false인 경우에는 이를 무시하고 반환하지 하지 않는다. 물론 반환되는 값은 배열이다.
    • 이를 활용한 예시는 다음과 같다.
    • include

        const words = ["apple", "banana", "cherry", "date"];
        const wordsWithA = words.filter((word) => word.includes("a"));
        console.log(wordsWithA); // ['apple', 'banana', 'date']
      

    • Object

        const people = [
          { name: "Alice", age: 17 },
          { name: "Bob", age: 20 },
          { name: "Charlie", age: 18 },
        ];
        const adults = people.filter((person) => person.age >= 18);
        console.log(adults);
        // [
        //   { name: 'Bob', age: 20 },
        //   { name: 'Charlie', age: 18 }
        // ]
      

    • 다차원 배열

       const nested = [
         [1, 2, 3],
         [4, 5, 6],
         [7, 8, 9],
       ];
       
       const filteredNested = nested.map((arr) => arr.filter((num) => num % 2 === 0));
       
       console.log(filteredNested);
       // [
       //   [2],
       //   [4, 6],
       //   [8]
       // ]
      

    • indexOf

        const numbers = [1, 2, 2, 3, 4, 4, 5];
        const uniqueNumbers = numbers.filter(
          (num, index, array) => array.indexOf(num) === index
        );
        console.log(uniqueNumbers); // [1, 2, 3, 4, 5]
      

    • 여기서 주의 깊게 봐야할 것은 indexOf의 매개변수이다. num과 index는 map에서 많이 활용했던 방식이지만 array같은 경우 처음보는 매개변수이다. 이는 해당 실행 중인 배열 전체이다. 찾아보니 이는 map이나 forEach, reduce와 같은 함수에서도 존재하는 매개변수이다. 이를 활용하면 맴버 변수로 배열의 크기를 정의하거나 할 수 있을 듯 하다.

🔔Notice