js两种拼接字符串方法

function(msgArr) {//参数为一个数组，每一个对象为图片id和图片地址var len = msgArr.length;//第一种拼接方式，直接用“+”连接起来var htmlSpan = "";for (var j = 0; j < len - 1; j++) {htmlSpan += '<span>·</span>';}htmlSpan += '<span class="on">·</span>';//第二种拼接方式，用数组的.join('')方法var imgs = [];var img = [];img[0] = '<a href="' + ctx + '/webservice/dish/detail?id=';img[1] = '#';img[2] = '"><img src="';img[3] = '#';img[4] = '"></a>';for (var i = 0; i < len; i++) {img[1] = msgArr[i].id;img[3] = msgArr[i].pic;imgs.push(img.join(''));}//写到页面上$("#banner_list").html(imgs.join(''));$(".dots").html(htmlSpan);
}

上面的代码取自我最近写的一个脚本，在这个函数中，正好体现了两种js拼接字符串从而为DOM添加新元素，第一种方法是直接相加，第二种是利用数组的join()方法进行拼接，第二种效率要高些。

js两种拼接字符串方法相关推荐

利用JS提高组合拼接字符串效率的方法
日志原文: http://uniso.blog.sohu.com/104853107.html 利用JS提高组合拼接字符串效率的方法希望跟各位高手交流,搞过web开发的朋友都知道,在脚本开发过程中, ...
web前端js基础之js的几种“截取字符串”方法
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
js两种方法删除对象属性
js 两种方法删除对象属性 delete 语法 delete 对象.属性名示例 delete.obj.property1 不过据说很慢,不如下面的方法. Reflect.deleteProperty ...
matlab 遍历每个像素点,Mat中两种像素遍历方法比较
小白,入门中,不足其指正.刚刚接触opencv,从一个Matlab风格的编程环境突然跳转到C++,实在有些不适.单就pixels scanning花了好长时间研究.opencv-tutorials给出 ...
vue 拼接html,vue.js中怎么拼接字符串？
vue.js中怎么拼接字符串?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. vue.js中怎么拼接字符串? Vue.js中使用${}实现变量和字符串的拼 ...
史上最容易理解————GET和POST两种基本请求方法的区别
GET和POST两种基本请求方法的区别 GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二. 最直观的区别就是GET把参数包含在URL中,POST通过req ...
highcharts.js两种数据绑定方式和异步加载数据的使用
一,我们先来看看异步加载数据的写法(这是使用MVC的例子) 1>js写法 <script src="~/Scripts/jquery-2.1.4.min.js"> ...
两种 HTTP 请求方法
两种 HTTP 请求方法:GET 和 POST 在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST. GET - 从指定的资源请求数据. POST - 向指定的资源提交 ...
微信小程序云开发-两种云端数据获取方法
下面价绍两种云端数据获取方法,都不需要写云函数,都用来前端完成,首先在数据库里准备好数据,然后开始操作,下面代码我用来获取轮播图的. 首先在App.js里初始化我们的小程序,env里面写自己的环境ID ...

js两种拼接字符串方法

js两种拼接字符串方法

js两种拼接字符串方法相关推荐

最新文章

热门文章