lodash join数组转字符串

通过lodash的join方法我们可以把数组转为字符串,如果我们要把该字符串转换回数组那么我们可以使用split方法。

join方法

var res=_.join(arr, [separator=',']);
参数
arr: 需要转换的数组。
separator: 分隔符,可以不填写,默认为逗号分隔。
返回值
res: 返回字符串。

join例子

var res=_.join([1, 2, 3]);
// res等于 '1,2,3'

var res=_.join(['bill', 'lili', 'cook']);
// res等于 'bill,lili,cook'

var res=_.join(['bill', 'lili', 'cook'],'$');
// res等于 'bill$lili$cook'

var res=_.join([{'id':1,{'id':2}}],'$');
// res等于"[object Object]$[object Object]" ,不支持对象的转换

在线试一试

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>lodash join例子</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <script src="https://www.itxst.com/package/lodash/lodash.min.js"></script>
    <script src="https://www.itxst.com/package/jquery-3.5.1/jquery.min.js"></script>
</head>
<body style="padding:10px;">
    <div class="btn" onclick="ck1()">例子1</div> 
    <div class="btn" onclick="ck2()">例子2</div> 
    <div id="result">点击按钮试一试</div>
    <script>
     function ck1() {
       var res=_.join(['bill', 'lili', 'cook']);
       $("#result").html(JSON.stringify(res));
     }
     function ck2() {
       var res=_.join(['bill', 'lili', 'cook'],'$'); 
       $("#result").html(JSON.stringify(res));
     } 
    </script>
    <style>
        .btn {
            border: solid 1px #ddd;
            background-color: #eee;
            border-radius: 5px;
            padding: 5px 12px;
            text-align: center;
            cursor: pointer;
            display: inline-block;
            margin-right: 8px;
        }      
       .btn:active {
                border: solid 1px #cac9c9;
                background-color: #cac9c9;
       }
    </style>
</body>
</html>