您的位置:首页 > Web前端 > javascript > 正文

js中拼接字符串的几种方法

更多 时间:2016-10-9 类别:Web前端 浏览量:2066

js中拼接字符串的几种方法

js中拼接字符串的几种方法

1、用连接符“+”把要拼接的字符串连起来

这种方法最常用,但是有个不好的就是 常常会因为少写或者多写引号而出错,而且这种出错不易察觉。

 

  • 
    var arr =['今天',昨天','明天'];
    $(
        '<li class="show">'+
            '<ul class="app">'+
                '<li>'+arr[0]+'</li>'+
                '<li>'+arr[1]+'</li>'+
                '<li>'+arr[2]+'</li>'+
            '</ul>'+
        '</li>'
    ).appendTo('.str')
    
    		
  •  

    2、以数组作为中介用 join 拼接字符串

     

  •  
  • 
    var arr =['今天','昨天','明天'];
    var str ='';
    str+=['<li class="show">',
            '<ul>',
                '<li><a href="">'+arr[0]+'</a></li>',
                '<li><a href="">'+arr[1]+'</a></li>',
                '<li><a href="">'+arr[2]+'</a></li>',
            '</ul>',
        '</li>'
    ].join('');
    $('.str').append(str);
    
    		
  •  

    3、通过转义斜线 \   拼接

    每一行的最后,都加上转义斜线\,但没有后续字符,只有个\

     

  •  
  • 
    var dataList = '<li id="box">\
    <ul class="LearnList">\
    <li class="list">HTML</li>\
    <li class="list">CSS</li>\
    <li class="list">JS</li>\
    <li class="list">NODE</li>\
    <li class="list">ANGLUAR</li>\
    <li class="list">JSON</li>\
    </ul>\
    </li>'
    
    		
  •  

    标签:javascript
    您可能感兴趣