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

最新推荐文章于 2025-09-22 21:05:55 发布

转载最新推荐文章于 2025-09-22 21:05:55 发布 · 2.2k 阅读

文章标签：

#javascript #toString #join

网上资料收藏同时被 2 个专栏收录

8 篇文章

订阅专栏

javascript

6 篇文章

订阅专栏

本文详细介绍了JavaScript中的多种数据转换方法，包括Array的toString和join方法、Boolean、Date、Error、Function及Number的toString方法等。通过示例展示了如何将不同类型的对象转换为字符串。

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

（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>