이 블로그에서는 JavaScript를 사용하여 문자열 배열을 숫자 배열로 변환하는 방법을 보여줍니다.
JavaScript를 사용하여 문자열 배열을 숫자 배열로 변환/변환하는 방법은 무엇입니까?
JavaScript를 사용하여 문자열 배열을 숫자 배열로 변환하려면 아래에 설명된 접근 방식을 구현하십시오.
- “ 지도() ' 방법.
- “ 각각() ' 그리고 ' 푸시() 방법.
- “ 줄이다() ' 그리고 ' 연결() 방법.
명시된 방법을 하나씩 시연해 봅시다!
접근법 1: map() 메서드를 통해 JavaScript를 사용하여 문자열 배열을 숫자 배열로 변환/변환
“ 지도() ” 메서드는 기본 배열을 변경하지 않고 각 배열 항목에 대해 함수를 한 번 실행합니다. 이 방법을 적용하여 관련 배열의 문자열 값을 숫자 배열로 간단히 매핑할 수 있습니다.
통사론
정렬. 지도 ( 기능 ( 현재가치 , 인덱스 , 정렬 ) , 값 )
위에 주어진 구문에서:
- “ 기능 ”는 배열의 각 항목에 대해 호출해야 하는 함수를 나타냅니다.
- 함수 매개변수는 지정된 배열에서 현재 값의 인덱스를 참조합니다.
- “ 값 ”는 함수에 전달해야 하는 값을 나타냅니다.
예시
다음 예를 살펴보겠습니다.
< 스크립트 유형 = '텍스트/자바스크립트' >
let strArray = [ '10' , '이십' , '30' ] ;
콘솔. 통나무 ( '주어진 문자열 배열은 다음과 같습니다.' , strArray )
numArray하자 = strArray. 지도 ( 숫자 )
콘솔. 통나무 ( '숫자의 배열은 다음이 됩니다.' , numArray ) ;
스크립트 >
- 명시된 값이 있는 문자열 배열을 선언하고 표시합니다.
- 그 후 ' 지도() ” 방법은 “ 숫자 ”를 매개변수로 사용하여 관련 문자열 배열을 숫자로 변환합니다.
- 마지막으로 숫자로 변환된 문자열 배열을 표시합니다.
산출
이 출력에서 문자열의 배열이 숫자로 변환된 것을 볼 수 있습니다.
접근법 2: forEach() 및 push() 메서드를 사용하여 JavaScript에서 문자열 배열을 숫자 배열로 변환/변환
“ 각각() ” 메서드는 배열의 각 요소에 함수를 적용합니다. “ 푸시() ” 메서드는 처음에 배열에 항목을 추가하는 데 사용됩니다. 이러한 메서드를 결합하여 주어진 문자열의 배열을 따라 반복하고 숫자로 변환한 다음 빈 배열로 푸시하도록 구현할 수 있습니다.
통사론
정렬. 각각 ( 기능 ( 현재의 , 인덱스 , 정렬 ) , 이것 )여기:
- 기능 : 배열의 각 요소에 대해 호출해야 하는 함수입니다.
- 현재의 : 이 파라미터는 현재 어레이 값을 의미합니다.
- 인덱스 : 현재 요소의 인덱스를 가리킵니다.
- 정렬 : 현재 배열을 가리킵니다.
- 이것 : 함수에 전달되는 값에 해당합니다.
이 구문에서:
- “ 그것1 , 그리고 ' 그것2 ” 배열에 추가해야 하는 항목을 가리킵니다.
예시
아래 예시를 살펴보겠습니다.
let strArray = [ '이십' , '40' , '60' ] ;
콘솔. 통나무 ( '주어진 문자열 배열은 다음과 같습니다.' , strArray )
numArray하자 = [ ] ;
strArray. 각각 ( 끈 => {
numArray. 푸시 ( 숫자 ( 끈 ) ) ;
} ) ;
콘솔. 통나무 ( '숫자의 배열은 다음이 됩니다.' , numArray ) ;
스크립트 >
위의 코드 줄에서:
- 명시된 문자열 값으로 구성된 배열을 초기화하고 표시합니다.
- 또한 '라는 이름의 빈 배열을 만듭니다. numArr '.
- 다음 단계에서 ' 각각() ” 메서드를 사용하여 연결된 배열의 값을 따라 반복합니다.
- 그 후, 이전 단계에서 반복된 값은 '를 통해 숫자로 변환됩니다. 숫자 '.
- 이제 “ 푸시() ” 메서드는 앞에서 설명한 것처럼 변환된 숫자를 할당된 빈 배열에 추가합니다.
- 마지막으로 숫자가 추가된 배열을 표시합니다.
산출
위의 출력은 원하는 요구 사항이 충족되었음을 나타냅니다.
접근법 3: reduce() 및 concat() 메서드를 사용하여 JavaScript에서 문자열 배열을 숫자 배열로 변환/변환
“ 줄이다() ” 메서드는 배열의 요소에 대한 함수를 호출하여 반환 값을 줄입니다. “ 연결() ” 메서드는 여러 배열 또는 문자열 값을 연결/병합합니다. 이러한 메서드의 조합은 문자열의 배열을 따라 반복하고 값을 연결하여 숫자로 변환한 다음 별도의 배열에 추가할 수 있습니다.
통사론
정렬. 줄이다 ( 기능 ( 총 , 값 , 색인 , 정렬 ) , 값 )이 특정 구문에서:
- “ 기능 ”는 각 배열 요소에 대해 호출해야 하는 함수를 나타냅니다.
- 함수 인수는 지정된 배열의 현재 값 인덱스에 해당합니다.
- “ 값 ”는 함수에 전달된 값에 해당합니다.
주어진 구문에서:
- “ 끈 ”는 연결해야 하는 문자열 값을 나타냅니다.
예시
다음 예는 명시된 개념을 설명합니다.
let strArray = [ '열 다섯' , '25' , '35' , '오분의 사' ] ;
콘솔. 통나무 ( '주어진 문자열 배열은 다음과 같습니다.' , strArray )
numArray하자 = strArray. 줄이다 ( ( 첫 번째 , 마지막 ) => 첫 번째. 연결 ( + 마지막 ) , [ ] )
콘솔. 통나무 ( '숫자의 배열은 다음이 됩니다.' , numArray ) ;
스크립트 >
위의 코드 줄에서:
- 지정된 문자열의 배열을 선언하고 표시합니다.
- 다음 단계에서 ' 줄이다() ' 그리고 ' 연결() ” 조합으로 방법.
- 결과적으로 관련 배열을 따라 반복하고 배열 항목을 연결하여 숫자로 변환합니다.
- 이제 이전 단계에서 변환된 숫자는 '로 표시되는 null 배열에 추가됩니다. [ ] '.
- 마지막으로 추가된 숫자 배열을 콘솔에 표시합니다.
산출
이 특정 출력에서 할당된 null 배열이 숫자로 채워진 것을 볼 수 있습니다.
결론
“ 지도() ” 방법, “ 각각() ' 그리고 ' 푸시() ' 방법 또는 ' 줄이다() ' 그리고 ' 연결() ” 메서드는 JavaScript에서 문자열 배열을 숫자 배열로 변환하는 데 사용할 수 있습니다. map() 메서드는 단순히 연관된 배열 값을 숫자로 매핑합니다. 다른 두 접근 방식은 주어진 문자열의 배열을 따라 반복하고 숫자로 변환한 다음 변환된 값을 할당된 null 배열에 추가합니다. 이 튜토리얼에서는 JavaScript에서 문자열을 숫자 배열로 변환하는 방법을 설명했습니다.