Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript를 사용하여 배열을 문자열로 변환하는 방법

두 가지 다른 방법을 사용하여 JavaScript로 배열을 문자열로 변환하는 방법을 알아보세요.

JavaScript에는 배열 내용을 문자열로 반환할 수 있는 몇 가지 메서드가 있습니다. toString()이라고 합니다. 및 join() . 표면적으로는 거의 동일하게 보이지만 앞으로 보게 되겠지만 그렇지 않습니다. 둘 다 테스트해 봅시다!

다음은 숫자 목록이 있는 배열 개체입니다.

const numbersArray = [2, 4, 6, 8, 10]

배열을 문자열로 변환하려면 toString()을 첨부해 보겠습니다. numbersArray 메소드 :

const numbersArray = [2, 4, 6, 8, 10]
numbersArray.toString()

이제 결과를 인쇄해 보십시오:

console.log(numbersArray.toString())
// String: "2,4,6,8,10"

보시다시피 toString() 실제로 숫자 배열을 다음과 같은 단일 문자열 값으로 변환했습니다.

"2,4,6,8,10"

그러나 잠시만, 쉼표 뒤의 모든 공백은 그 과정에서 제거되었습니다. 단어 사이에 공백을 분리해야 하는 경우(예:단어 또는 줄 바꿈 허용)

다행히 JavaScript의 join()을 사용할 수 있습니다. 다음과 같이 내부에 구분 기호를 인수로 전달하여 이를 수행하는 메소드:

const numbersArray = [2, 4, 6, 8, 10]
numbersArray.join(", ")

이제 결과를 인쇄해 보십시오:

console.log(numbersArray.join(", "))
// "2, 4, 6, 8, 10"

좋습니다. 프레젠테이션 면에서 훨씬 더 좋아 보이며 필요할 경우 줄 바꿈을 허용합니다.

join() 대 toString() - 알아두면 좋은 정보:

  • 배열에서 join() 메소드는 toString()처럼 작동합니다. 구분 기호를 사용할 수 있다는 점을 제외하고.
  • join() 배열 방법입니다. 따라서 배열 개체에서만 작동합니다.
  • toString() 방법은 모든에서 작동합니다. 단순한 배열이 아닌 객체의 유형입니다.