> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 배열을 문자열로 변환하는 두 가지 방법에 대한 자세한 그래픽 설명

JavaScript에서 배열을 문자열로 변환하는 두 가지 방법에 대한 자세한 그래픽 설명

yulia
풀어 주다: 2018-10-09 14:22:35
원래의
20510명이 탐색했습니다.

JavaScript는 프론트엔드 개발에 자주 사용되는데 JS 배열을 문자열로 변환하는 방법을 알고 있나요? 이 기사에서는 JS 배열 객체를 문자열로 변환하는 방법에 대해 설명합니다. 관심 있는 친구들이 참고하면 도움이 될 것입니다.

1. Join은 배열을 문자열로 변환합니다.

join() 메서드는 배열의 모든 요소를 ​​문자열로 변환할 수 있습니다. 주요 브라우저는 Join() 메서드를 지원합니다.

예: 배열을 정의하고 버튼을 클릭하여 배열을 문자열로 변환한 후 페이지에 유형과 결과를 표시합니다.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <p id="demo">点击按钮将数组转为字符串</p>
  <button onclick="myFunction()">点击</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.join(&#39;&#39;);
   document.write("类型是:"+typeof(str)+",字符串是:"+str);   
  }
 </script>
</html>
로그인 후 복사

Rendering:

JavaScript에서 배열을 문자열로 변환하는 두 가지 방법에 대한 자세한 그래픽 설명

join() 메서드는 서로 다른 구분 기호를 설정하여 구분된 문자열의 내용을 나눌 수 있습니다. 예를 들어, Join('/')은 다음과 같은 효과를 얻을 수 있습니다.

Rendering:

JavaScript에서 배열을 문자열로 변환하는 두 가지 방법에 대한 자세한 그래픽 설명

2. toString은 배열을 문자열로 변환합니다. #🎜 🎜 #

toString() 메서드는 배열 객체를 문자열로 변환할 수도 있으며 모든 주요 브라우저는 toString 메서드를 지원하지만 구분 기호 스타일을 설정할 수는 없습니다.

예: 배열을 정의하고 버튼을 클릭하여 배열을 문자열로 변환한 후 페이지에 유형과 결과를 표시합니다.

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.toString();
   document.write("类型是:"+typeof(str)+",字符串是:"+str);   
  }
 </script>
로그인 후 복사
toString() 메서드는 위 그림과 같은 효과를 냅니다.

위에서는 JS 배열을 문자열로 변환하는 두 가지 방법을 소개합니다. 하나는 Join() 함수 메서드이고 다른 하나는 toString 메서드이지만 Join() 메서드는 구분 기호의 스타일을 설정할 수 있습니다. , toString 메서드는 기본적으로 쉼표 구분 기호를 사용합니다. 개인 습관과 프로젝트 요구 사항에 따라 선택하는 구체적인 방법이 초보자에게 도움이 되기를 바랍니다. 더 많은 관련 튜토리얼을 보려면

JavaScript 비디오 튜토리얼 phpphilanthropic training을 방문하세요.

위 내용은 JavaScript에서 배열을 문자열로 변환하는 두 가지 방법에 대한 자세한 그래픽 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿