JavaScript: 중첩 배열 요소에 있는 숫자의 합 찾기

안녕하세요 Dev 여러분, 저는 Gaurav입니다. 인도에서 온 프런트 엔드 중심 소프트웨어 개발자입니다. 최근에 중첩 배열의 요소에 있는 모든 숫자의 합계를 찾아야 하는 JavaScript 문제를 발견했습니다.
더 이상 고민하지 않고 좋습니다. 문제는 다음과 같습니다.sum([1, 'x', '2x', ['3', ['x2', '5']]]);
따라서 합계 함수에 공급되는 중첩 수준이 2개인 중첩 배열을 볼 수 있습니다.

어레이가 평면화되었다면 작업이 훨씬 쉬웠을 것이라는 생각이 바로 떠오릅니다. 그래서, 그것이 우리가 지금 할 것입니다. 배열을 평평하게 합니다. 원하는 방식으로 평평하게 만들 수 있습니다.

배열에서 사용할 수 있는 플랫 방법을 사용합니다.

reduce 및 concat을 사용합니다.

lodash와 같은 라이브러리를 사용하십시오.

재귀 함수 사용

배열에 플랫 메서드를 사용하는 것이 구현하기 가장 간단하지만 4를 사용하여 배열을 평면화하는 재귀 메서드를 작성하기로 결정했습니다. 빠르고 모든 입력 및 모든 수준의 중첩에 대해 작동합니다. 최신 ES6 구문을 사용하고 있습니다.

const flattenArr = (arr, result = []) => {
  for (let i = 0, length = arr.length; i < length; i++) {
    const value = arr[i];
    if (Array.isArray(value)) {
      flattenArr(value, result);
    } else {
      result.push(value);
    }
  }
  return result;
};

이제 평평한 배열이 있고 작업이 더 쉬워졌습니다.
변수sum를 사용하여 결과를 저장하고 초기값을 0으로 설정합니다.
새 배열의 각 요소를 반복할 수 있으며 숫자인 경우 sum 변수에 즉시 추가하고 할당할 수 있습니다.
새로운 평면 배열의 요소가 숫자가 아닐 때 상황이 흥미로워집니다. 위의 문제 설명에서 두 가지 유형의 문자열이 있음을 알 수 있습니다. 하나는 숫자로 시작하고 다른 하나는 문자로 시작합니다 - '3' , '2x' 및 'x2' .

숫자로 시작하는 문자열의 경우 parseInt 메서드를 직접 사용할 수 있으며 첫 번째 유형의 문자열에는 숫자를 반환하고 두 번째 유형의 문자열에는 NaN을 반환합니다. 즉, partseInt 및 '2x'에 '3',를 사용하면 각각 2와 3을 얻게 됩니다. 숫자인 이 값은 합계 변수에 추가할 수 있습니다. 동안 parseInt('x2')는 NaN를 반환합니다.

다른 내장 방법isNaN을 사용하여 반환된 값이 NaN인지 확인할 수 있습니다. 값이 NaN 인 경우 해당 문자열에 있는 숫자를 가져오는 다른 방법을 생각해야 합니다. 여기에서 정규식을 사용할 수 있습니다. 정규식을 사용하여 문자열에 있는 숫자를 일치시키고 필터링할 수 있습니다.

const findNumInStringRegex = /\d+/;
let findNumInString = num.match(findNumInStringRegex);

이 findNumInString는 null 또는 문자열, 즉 null or '5'의 숫자입니다.
그것이 null라면 우리가 할 수 있는 일이 없지만, 다른 경우에는 다시 parseInt를 사용하여 숫자를 가져와 합계 변수에 추가할 수 있습니다.

이렇게 하면 문제에서 주어진 중첩 배열의 요소에 있는 모든 숫자를 더할 수 있습니다.
솔루션은 jsfiddle here 에 있습니다.