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

韩曙亮

发布于 2024-05-14 08:44:49

1440

发布于 2024-05-14 08:44:49

文章被收录于专栏：韩曙亮的移动开发专栏韩曙亮的移动开发专栏

文章目录

一、数组转字符串
- 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,5
        console.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,5
        console.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] ,
设置分割字符串为 '$' ;
最终得到的字符串为 '123'

参考文档 : 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,5
        console.log(str1);

        // 数组转字符串 - 设置自定义分隔符
        var str2 = arr.join('$');
        // 输出 : 9$5$2$7$5
        console.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,5
        console.log(str1);

        // 数组转字符串 - 设置自定义分隔符
        var str2 = arr.join('$');
        // 输出 : 9$5$2$7$5
        console.log(str2);
    </script>
</head>

<body>
</body>

</html>

执行结果 :