【转】javascript中的toString()方法（同时对比Array.join()和Array.toString()方法

最新推荐文章于 2026-02-11 11:59:14 发布

转载最新推荐文章于 2026-02-11 11:59:14 发布 · 664 阅读

收录于

前端开发

需要回头看的文章

成长轨迹

本文转载和整合自点击打开链接和点击打开链接

（1）Array.toString()和Array.join()：

join()方法将数组中所有的元素转化为字符串，并将这些字符串有逗号隔开合并成一个字符串作为方法的结果返回。如果调用时给定参数string,就将string作为在结果字符串中分开有各个数组元素形成的字符串的分隔符。

toString()方法返回一个包含数组中所有元素，且元素之间以逗号隔开的字符串，该方法在将数值作为字符串使用时强制调用，且无须显示声明此方法的调用。

实例：


 
   
    
   
   
    
     <script type=
     "text/javascript">
    
   

   
    
   
   
    
     <!--
    
   

   
    
   
   
    
     var arr = new Array("first","Second","Third","Forth");
    
   

   
    
   
   
    
     var str2  = arr.toString();
    
   

   
    
   
   
    
     var str1 = arr.join();
    
   

   
    
   
   
    
     var str3 = arr.join(" ");
    
   

   
    
   
   
    
     document.write(str1+"<br>");
    
   

   
    
   
   
    
     document.write(str2+"<br>");
    
   

   
    
   
   
    
     document.write(str3+"<br>");
    
   

   
    
   
   
    
     -->
    
   

   
    
   
   
    
     </script>

输出：

first,Second,Third,Forth
first,Second,Third,Forth
first Second Third Forth

--------------------------------------------------------------------------------------------------------------

实例：


 
   
    
   
   
    
     <html>
    
   

   
    
   
   
    
     <head>
    
   

   
    
   
   
    
     <title>Sample Page!
     </title>
    
   

   
    
   
   
    
     <script type="text/javascript">
     
    
   

   
    
   
   
    
     <!--
    
   

   
    
   
   
    
     function getMsg(arrayName){
    
   

   
    
   
   
     
     var arrayLength = arrayName.length;
    
   

   
    
   
   
     
     var tempMsg = 
     "";
    
   

   
    
   
   
     
     for(
     var i = 
     0; i < arrayLength;i++){
    
   

   
    
   
   
    
       tempMsg += 
     "MyArray["+i+
     "] = "+arrayName[i]+
     "\n";
    
   

   
    
   
   
    
      }
    
   

   
    
   
   
     
     return tempMsg;
    
   

   
    
   
   
    
     }
    
   

   
    
   
   
    
     function MyTest(){
    
   

   
    
   
   
     
     var MyArray = 
     new 
     Array(
     "First",
     "Second",
     "Third",
     "Forth");
    
   

   
    
   
   
     
     var msg = 
     "调用Array对象的方法生成字符串实例：\n\n";
    
   

   
    
   
   
    
      msg += 
     "原始数组：\n"+getMsg(MyArray)+
     "\n";
    
   

   
    
   
   
     
     var tempStr = 
     "";
    
   

   
    
   
   
    
      tempStr = MyArray.join();
    
   

   
    
   
   
    
      msg += 
     "1、调用MyArray.join()方法返回字符串：\n"+tempStr+
     "\n\n";
    
   

   
    
   
   
    
      tempStr = MyArray.join(
     "-");
    
   

   
    
   
   
    
      msg += 
     "2、调用MyArray.join(''-'')方法返回字符串：\n"+tempStr+
     "\n\n";
    
   

   
    
   
   
    
      msg += 
     "3、调用MyArray.toString()方法返回字符串：\n"+MyArray+
     "\n";
    
   

   
    
   
   
    
      alert(msg);
    
   

   
    
   
   
    
     }
    
   

   
    
   
   
    
     -->
    
   

   
    
   
   
    
     </script>
    
   

   
    
   
   
    
     </head>
    
   

   
    
   
   
    
     <body>
    
   

   
    
   
   
    
     <br>
    
   

   
    
   
   
    
     <center>
    
   

   
    
   
   
    
     <form name="MyForm">
    
   

   
    
   
   
      
     <input type="button" value="数组测试" onclick="MyTest()">
    
   

   
    
   
   
    
     </form>
    
   

   
    
   
   
    
     </center>
    
   

   
    
   
   
    
     </body>
    
   

   
    
   
   
    
     </html>

输出：

（2）Boolean.toString()：将布尔值转换为字符串。
描述：根据原始布尔值或者Boolean对象的值返回字符串“true”或“false”。
示例代码二：
结果：弹出两个对话框，值为false和true


 
   
    
   
   
    
     <script type=
     "text/javascript">
    
   

   
    
   
   
        
     var b = 
     new 
     Boolean();
     //boolean对象默认值为false
    
   

   
    
   
   
    
         alert(b.toString());
    
   

   
    
   
   
    
         alert((
     "chia" == 
     "chia").toString());
    
   

   
    
   
   
    
     </script>

（3）Date.toString()：将Date对象转换成一个字符串，采用本地时间。
示例代码四：
结果：浏览器中显示：
Sat Jul 19 2008 23:27:14 GMT+0800
Sat Jul 19 2008 23:27:14 GMT+0800
2008年7月19日 23:27:14


 
   
    
   
   
    
     <script type=
     "text/javascript">
    
   

   
    
   
   
        
     var today = 
     new 
     Date();
    
   

   
    
   
   
        
     document.write(today + 
     "<br />");
    
   

   
    
   
   
        
     document.write(today.toString() + 
     "<br />");
    
   

   
    
   
   
        
     document.write(today.toLocaleString());
    
   

   
    
   
   
    
     </script>

注意：toLocaleString()是返回采用地方日期使用地方日期格式的规范的字符串。

（4）Error.toString()：将Error对象转换成字符串
描述：实现定义的字符串。ECMAScript标准除了规定该方法的返回值是字符串外，没有再做其他规定。尤其是，它不要求返回的字符传包含错误名和错误信息。

（5）Function.toString()：把函数转换成字符串
描述：可以以一种与实现相关的方法将函数转换成字符串。在大多数的实现中，例如ie和firefox，它返回Function关键字、参数列表、函数体部分。
示例代码三：
结果：浏览器中显示：
function add(a, b) { var a, b, c; c = a + b; return c; }


 
   
    
   
   
    
     <script type=
     "text/javascript">
    
   

   
    
   
   
    
     function add(a,b){
    
   

   
    
   
   
        
     var a,b,c;
    
   

   
    
   
   
    
         c = a + b;
    
   

   
    
   
   
        
     return c;
    
   

   
    
   
   
    
     }
    
   

   
    
   
   
    
     document.write(add.toString());    
    
   

   
    
   
   
    
     </script>

6）Number.toString()：将数字转换为字符串。用它的参数指定的基数或底数（底数范围为2-36）。如果省略参数，则使用基数10。当参数值为2时，返回二进制数。
示例代码四：
结果：浏览器中显示：
34
100010
42
22


 
   
    
   
   
    
     <script type=
     "text/javascript">
    
   

   
    
   
   
        
     var a = 
     34;
    
   

   
    
   
   
        
     document.write(a.toString() + 
     "<br />");
    
   

   
    
   
   
        
     document.write(a.toString(
     2) + 
     "<br />");
    
   

   
    
   
   
        
     document.write(a.toString(
     8) + 
     "<br />");
    
   

   
    
   
   
        
     document.write(a.toString(
     16) + 
     "<br />"); 
    
   

   
    
   
   
    
     </script>

标签

#js #数组方法