【JavaScript】内置对象 - 数组对象 ⑤ ( 数组转字符串 | toString 方法

【JavaScript】内置对象 - 数组对象 ⑤ ( 数组转字符串 | toString 方法 | join 方法 )

文章目录

一、数组转字符串
- 1、数组转字符串 ( 逗号分割 ) - toString()
- 2、数组转字符串 ( 自定义分割符 ) - join()

Array 数组对象参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

一、数组转字符串

1、数组转字符串 ( 逗号分割 ) - toString()

调用 Array 数组对象的 toString() 方法 , 可以获取一个字符串 , 元素之间使用逗号隔开 ;

toString()

toString 方法是 Object 的方法 , Array 数组重写了该方法 , 在重写的方法内部 , 调用了 join 方法拼接数组元素 , 数组元素之间使用逗号隔开 ;

参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/toString

代码示例 :

        // 创建数组对象let arr = [9, 5, 2, 7, 5];// 数组转字符串var str = arr.toString();// 输出 : 9,5,2,7,5console.log(str);

完整代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 创建数组对象let arr = [9, 5, 2, 7, 5];// 数组转字符串var str = arr.toString();// 输出 : 9,5,2,7,5console.log(str);</script>
</head><body>
</body></html>

执行结果 :

在这里插入图片描述

2、数组转字符串 ( 自定义分割符 ) - join()

调用 Array 数组对象的 join() 方法 , 可以获取一个字符串 , 元素之间默认使用逗号隔开 , 也可以使用自定义的分隔符隔开 ;

如果数组中只有一个元素 , 则没有分隔符 ;

join 函数语法如下 :

join()
join(separator)

调用 join() 方法 , 不传入任何参数 , 默认使用逗号分隔数组中的元素 , 如 :

数组元素为 [1, 2, 3] ,
最终得到的字符串为 '1,2,3' , 默认使用逗号隔开 ;

调用 join(separator) 方法 , 传入一个分隔符字符串 , 则数组中的元素使用分割字符串进行隔开 , 如 :

数组元素为 [1, 2, 3] ,
设置分割字符串为 '$' ;
最终得到的字符串为 '1$2$3'

参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/join

代码示例 :

        // 创建数组对象let arr = [9, 5, 2, 7, 5];// 数组转字符串 , 使用默认逗号分隔符var str1 = arr.join();// 输出 : 9,5,2,7,5console.log(str1);// 数组转字符串 - 设置自定义分隔符var str2 = arr.join('$');// 输出 : 9$5$2$7$5console.log(str2);

完整代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 创建数组对象let arr = [9, 5, 2, 7, 5];// 数组转字符串 , 使用默认逗号分隔符var str1 = arr.join();// 输出 : 9,5,2,7,5console.log(str1);// 数组转字符串 - 设置自定义分隔符var str2 = arr.join('$');// 输出 : 9$5$2$7$5console.log(str2);</script>
</head><body>
</body></html>