Rumah > Artikel > hujung hadapan web > 图文详解JavaScript中数组转换为字符串的两种方法

图文详解JavaScript中数组转换为字符串的两种方法

yuliaasal: 2018-10-09 14:22:3520455semak imbas

在前端开发中经常需要使用JavaScript，那你知道如何将JS数组转换成字符串吗？这篇文章就和大家讲讲JS数组对象转字符串的方法，感兴趣的朋友可以参考一下，希望可以帮助到你。

一、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>

效果图：

join() 方法可以设置不同的分隔符，将字符串中的内容分隔开。比如，join(‘/’) ，就可以实现如下效果。

效果图：

二、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视频教程 php公益培训

Atas ialah kandungan terperinci 图文详解JavaScript中数组转换为字符串的两种方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php JavaScript 字符串 JS 对象

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：图文详解JavaScript中如何删除节点Artikel seterusnya：关于js的三种使用方式（行内js、内部js、外部js）的程序代码

Artikel berkaitan

Lihat lagi