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

最新推荐文章于 2022-03-14 22:02:45 发布
最新推荐文章于 2022-03-14 22:02:45 发布
阅读量584 收藏
点赞数
分类专栏： 前端开发 需要回头看的文章 成长轨迹 文章标签： js 数组方法

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

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

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

 

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

 

实例：


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <script type=
     
     "text/javascript">
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <!--
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     var arr = new Array("first","Second","Third","Forth");
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     var str2  = arr.toString();
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     var str1 = arr.join();
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     var str3 = arr.join(" ");
    
    
    
   
   
  7. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     document.write(str1+"<br>");
    
    
    
   
   
  8. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     document.write(str2+"<br>");
    
    
    
   
   
  9. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     document.write(str3+"<br>");
    
    
    
   
   
  10. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -->
    
    
    
   
   
  11. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </script>

输出：

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

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

实例：


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <html>
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <head>
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <title>Sample Page!
     
     </title>
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <script type="text/javascript">
     
     
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <!--
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     function getMsg(arrayName){
    
    
    
   
   
  7. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
     
     var arrayLength = arrayName.length;
    
    
    
   
   
  8. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
     
     var tempMsg = 
     
     "";
    
    
    
   
   
  9. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
     
     for(
     
     var i = 
     
     0; i < arrayLength;i++){
    
    
    
   
   
  10. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
       tempMsg += 
     
     "MyArray["+i+
     
     "] = "+arrayName[i]+
     
     "\n";
    
    
    
   
   
  11. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
      }
    
    
    
   
   
  12. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
     
     return tempMsg;
    
    
    
   
   
  13. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     }
    
    
    
   
   
  14. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     function MyTest(){
    
    
    
   
   
  15. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
     
     var MyArray = 
     
     new 
     
     Array(
     
     "First",
     
     "Second",
     
     "Third",
     
     "Forth");
    
    
    
   
   
  16. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
     
     var msg = 
     
     "调用Array对象的方法生成字符串实例：\n\n";
    
    
    
   
   
  17. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
      msg += 
     
     "原始数组：\n"+getMsg(MyArray)+
     
     "\n";
    
    
    
   
   
  18. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
     
     var tempStr = 
     
     "";
    
    
    
   
   
  19. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
      tempStr = MyArray.join();
    
    
    
   
   
  20. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
      msg += 
     
     "1、调用MyArray.join()方法返回字符串：\n"+tempStr+
     
     "\n\n";
    
    
    
   
   
  21. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
      tempStr = MyArray.join(
     
     "-");
    
    
    
   
   
  22. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
      msg += 
     
     "2、调用MyArray.join(''-'')方法返回字符串：\n"+tempStr+
     
     "\n\n";
    
    
    
   
   
  23. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
      msg += 
     
     "3、调用MyArray.toString()方法返回字符串：\n"+MyArray+
     
     "\n";
    
    
    
   
   
  24. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
      alert(msg);
    
    
    
   
   
  25. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     }
    
    
    
   
   
  26. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -->
    
    
    
   
   
  27. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </script>
    
    
    
   
   
  28. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </head>
    
    
    
   
   
  29. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <body>
    
    
    
   
   
  30. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <br>
    
    
    
   
   
  31. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <center>
    
    
    
   
   
  32. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <form name="MyForm">
    
    
    
   
   
  33. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
      
     
     <input type="button" value="数组测试" onclick="MyTest()">
    
    
    
   
   
  34. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </form>
    
    
    
   
   
  35. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </center>
    
    
    
   
   
  36. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </body>
    
    
    
   
   
  37. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </html>

输出：

join()和toString()方法 <wbr>将数组转换为字符串


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


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <script type=
     
     "text/javascript">
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     var b = 
     
     new 
     
     Boolean();
     
     //boolean对象默认值为false
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         alert(b.toString());
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         alert((
     
     "chia" == 
     
     "chia").toString());
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </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 


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <script type=
     
     "text/javascript">
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     var today = 
     
     new 
     
     Date();
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     document.write(today + 
     
     "<br />");
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     document.write(today.toString() + 
     
     "<br />");
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     document.write(today.toLocaleString());
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </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; }


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <script type=
     
     "text/javascript">
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     function add(a,b){
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     var a,b,c;
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         c = a + b;
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     return c;
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     }
    
    
    
   
   
  7. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     document.write(add.toString());    
    
    
    
   
   
  8. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </script>
6）Number.toString()：将数字转换为字符串。用它的参数指定的基数或底数（底数范围为2-36）。如果省略参数，则使用基数10。当参数值为2时，返回二进制数。
示例代码四：
结果：浏览器中显示：
34
100010
42
22 


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <script type=
     
     "text/javascript">
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     var a = 
     
     34;
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     document.write(a.toString() + 
     
     "<br />");
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     document.write(a.toString(
     
     2) + 
     
     "<br />");
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     document.write(a.toString(
     
     8) + 
     
     "<br />");
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     document.write(a.toString(
     
     16) + 
     
     "<br />"); 
    
    
    
   
   
  7. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </script>



LTIven
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript中的toString()方法（同时对比Array.join()和Array.toString()方法 ）
colinmuxi
10-22 2138
本文转载和整合自点击打开链接和点击打开链接 （1）Array.toString()和Array.join()： join()方法将数组中所有的元素转化为字符串，并将这些字符串有逗号隔开合并成一个字符串作为方法的结果返回。如果调用时给定参数string,就将string作为在结果字符串中分开有各个数组元素形成的字符串的分隔符。   toString()方法返回一个包含数组
JS数组转字符串（3种方法）
qq_34589867的博客
12-31 3万+
JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法，可以把数组转换为字符串，如表所示。 数组方法 说明 toString() 将数组转换成一个字符串 toLocalString() 把数组转换成本地约定的字符串 join() 将数组元素连接起来以构建一个字符串 示例1 下面使用 toString() 方法读取数组的值。 数组...
JavaScript(JS) array.toString()
亮亮的专栏
09-11 518
Array对象允许在一个变量中存储多个值。它存储相同类型元素的固定大小的顺序集合。数组用于存储数据集合，但将数组看作同一类型变量的集合通常更有用。本文主要介绍JavaScript(JS) array.toString() 方法。 原文地址：JavaScript(JS) array.toString() ...
js中array的toString 和valueOf
风华绝代的博客
10-12 262
const arr = []; const testObj = {}; console.log(arr === ""); console.log(arr == ""); arr.toString = () => 1; console.log(arr === 1); console.log(arr == 1); arr.valueOf = () => 2; console.log(arr == 2); arr.valueOf = () => testObj; console.log(arr.
Array.toString和数组.toString和hashCode详解
花椒胡椒小辣椒的个人博客
09-17 980
在leetcode第一题中，遇到了一个Array.toString(result)和result.toString的结果不一致的问题，百度之后没有很清晰的认知，只知道结果看似是乱码，但其实是与hashCode或者内存地址有关的或者是有意义的结果。最近在学习java object类的时候学到：所有类直接或间接地继承了Object类，且Object类的方法中toString方法可以被所有类重写，于是研...
JavaScript中toString()方法的使用详解
10-24
例如，Array对象的toString()方法默认会调用数组的join()方法，并使用逗号作为分隔符将数组元素连接成一个字符串。 在实际应用中，我们通常需要根据具体需求重写toString()方法，以便得到更加合适和有用的字符串...
JavaScript中valueOf函数与toString方法深入理解
10-27
JavaScript中的valueOf和toString方法是两种常见的对象转换方法，它们用于将JavaScript对象转换为基本数据类型。在JavaScript中，除了null，几乎所有内置的数据类型都具备这两个方法。这些方法在处理值的计算和显示...
Javascript实现Array和String互转换的方法
11-22
JavaScript 提供了多种方法来在数组和字符串之间进行转换，包括 `toString()`、`split()`、`join()`、`map()` 和 `reduce()`。理解并熟练掌握这些方法对于编写高效、灵活的JavaScript代码至关重要。在实际编程中，...
基于JavaScript Array数组方法(新手必看篇)
10-21
下面，我将详细解释标题中提到的JavaScript Array数组方法，以及描述和部分内容中提到的知识点。 首先，ECMAScript是JavaScript的标准规范，Array类型是ECMAScript中最常用的引用类型。与许多其他编程语言的数组...
java字符串拼接 join,String.join（）vs其他字符串连接操作
weixin_31881743的博客
02-27 177
I have quickly read over the Java8 String api documentation.Now I am little curious about String.join() method to concat/join strings.This kind of example has helped me to understand better, though://...
Js(JavaScript)-Array- join和toString的区别
kfepiza的博客
03-14 804
Js(JavaScript)-Array- join和toString的区别
Java8新方法String.join()
高敬超的博客
01-08 2万+
在《Java核心技术卷I》原书第10版中，第51页最下面，讲述了一个Java8新方法String.join(CharSequence delimiter, CharSequence... elements)返回一个新字符串，用给定的定界符连接所有元素。 演示代码如下： public static void main(String[] args){ //字符串数组 ...
Java中Arrays.toString ()打印二维数组及Array数组的常用操作
热门推荐
lilong117194的博客
11-04 4万+
1.Java中Arrays.toString () 已知打印一维数组的API为System.out.println ( Arrays.toString ();，其参数为数组名或数组指针，其支持的数据类型有很多，如：int[]、char[]、byte[]等。 import java.util.Arrays; public class ArrayPrint { public static vo...
Java基础——Arrays.toString()方法
qq_41074129的博客
09-19 2万+
Arrays.toString() 的用法 在实际做项目的过程中，如果我想要把int数组中的数据打印出来，直接打印int数组，输出的结果就是数组的地址。如下， public class Test01 { public static void main(String[] args) { int[] intArray = { 1, 4, 6, 7, 8, 9, 10 }; // 直接打印...
Arrays.toString()方法
Ice Point.
02-09 2万+
Arrays.toString（） 作用：方便地输出数组。 这个方法是是用来将数组转换成String类型输出的，入参可以是long，float，double，int，boolean，byte，object 型的数组。 如果直接i.toString()则是输出地址值 ...
【Java】Arrays的toString()与deepToString()
付费专栏已不再维护，请勿购买
03-04 3701
本文分享java.util.Arrays的toString()与deepToString()
数组tostring方法_数组toString（）方法以及JavaScript中的示例
cumudi0723的博客
06-29 6096
数组tostring方法 JavaScript toString()方法 (JavaScript toString() method) toString() method is used to convert an array to the string. It is called with the array name and returns the string containing arra...
java中Arrays.toString()详细分析（全）
码农研究僧的博客
05-14 1万+
目录1.前言2.方法 1.前言 Arrays.toString()以数组的形式输出 将数组转换成String类型输出的，参数可以是long，float，double，int，boolean，byte，object型的数组 2.方法 int[] a={4,5,1,3}; System.out.println(Arrays.toString(a)); 也可以用遍历的形式 使用for each的语法结构 int[] a={4,5,1,3}; for(int r:a) System.out.println(r);
Arrays.toString（）方法作用
qq_59816727的博客
03-07 2492
作用：方便地输出数组。 这个方法是是用来将数组转换成String类型输出的，入参可以是long，float，double，int，boolean，byte，object型的数组。 下面是我用到Arrays.toString（）方法的一个算法题 他能显示出我们的一个数组的大体情况 import java.util.Arrays; import java.util.Scanner; public class _8 { static int count = 0; public s.
除了JavaScript 中的 .join() 方法将数组转换为字符串还有其他方法吗
最新发布
09-04
### 回答1： 是的，除了使用 JavaScript 中的 .join() 方法，还可以使用以下方法将数组转换为字符串： 1. 使用 toString() 方法： ``` let arr = [1, 2, 3]; let str = arr.toString(); console.log(str); // 输出 "1,2,3" ``` 2. 使用 Array.prototype.join() 方法： ``` let arr = [1, 2, 3]; let str = arr.join(); console.log(str); // 输出 "1,2,3" ``` 3. 使用 + 运算符： ``` let arr = [1, 2, 3]; let str = arr[0] + ',' + arr[1] + ',' + arr[2]; console.log(str); // 输出 "1,2,3" ``` 4. 使用模板字符串： ``` let arr = [1, 2, 3]; let str = `${arr[0]},${arr[1]},${arr[2]}`; console.log(str); // 输出 "1,2,3" ``` ### 回答2： 除了JavaScript中的.join()方法，还有其他方法将数组转换为字符串。 1. toString()方法：将数组转换为由数组元素组成的字符串。例如：[1, 2, 3].toString() 将返回 "1,2,3"。 2. concat()方法：将数组的所有元素连接起来，并返回一个新的字符串。该方法不会改变原数组。例如：[1, 2, 3].concat().join('') 将返回 "123"。 3. reduce()方法：使用指定的回调函数对数组元素进行累加器操作，将数组转换为一个值。然后可以使用字符串拼接操作将该值转换为字符串。例如：[1, 2, 3].reduce((accumulator, currentValue) => accumulator + currentValue, '').toString() 将返回 "6"。 4. map()方法和join()方法的组合：使用map()方法将数组的每个元素转为字符串，并返回一个新的数组。然后使用.join()方法将新数组转换为字符串。例如：[1, 2, 3].map(String).join('') 将返回 "123"。 这些方法都可以将数组转换为字符串，可以根据不同的需求选择合适的方法来使用。 ### 回答3： 除了JavaScript中的.join()方法将数组转换为字符串，还有以下几种方法： 1. toString()方法：使用toString()方法可以将数组转换为以逗号分隔的字符串。例如： ```javascript let array = [1, 2, 3]; let str = array.toString(); console.log(str); // 输出：1,2,3 ``` 2. concat()方法：使用concat()方法可以将数组连接为一个字符串。例如： ```javascript let array = [1, 2, 3]; let str = array.concat().join(""); console.log(str); // 输出：123 ``` 3. reduce()方法：使用reduce()方法可以将数组中的每个元素合并为一个字符串。例如： ```javascript let array = [1, 2, 3]; let str = array.reduce((a, b) => a + b.toString(), ""); console.log(str); // 输出：123 ``` 4. map()方法 + join()方法：使用map()方法对数组的每个元素进行处理，然后使用join()方法将处理后的元素连接为字符串。例如： ```javascript let array = [1, 2, 3]; let str = array.map(String).join(""); console.log(str); // 输出：123 ``` 总结：除了.join()方法，还可以使用.toString()方法、.concat()方法、.reduce()方法，或者结合.map()方法和.join()方法将数组转换为字符串。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值