一點一滴學前端 - join()

一. 簡介

join() 方法的作用是把一個數組通過分隔符拼接成一個字符串

如:
strs = [“a”, “b”, “c”, “d”];
使用result = strs.join(’-’);
可轉變成 result = a-b-c-d

二. 語法格式

# 通用格式
Array.join(separator)

# 特殊
Array.join() = Array.join(',') 

三. 示例

<html>
    <head>
        <title>test join</title>
    </head>

    <body>
        <p id="target">生成結果區域</p>
        <button onclick="test()">轉換join()</button>
        <button onclick="test('-')">轉換join('-')</button>
        <button onclick="test(',')">轉換join(',')</button>
        <button onclick="test('\r')">轉換join('\r')</button>
        <button onclick="test('\n')">轉換join('\n')</button>

        <script>
        function test(separator){
            var strs = ["a", "b", "c", "d"];
            var target = document.getElementById("target");
            target.innerHTML = strs.join(separator);
        }
        </script>
    </body>
</html>

運行結果:
在這裏插入圖片描述

在這裏插入圖片描述

在這裏插入圖片描述

在這裏插入圖片描述

在這裏插入圖片描述

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章