js两种拼接字符串的简单方法(必看)
2019/6/27 22:10:20
本文主要是介绍js两种拼接字符串的简单方法(必看),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
如下所示:
function(msgArr) { var len = msgArr.length; var n = 0 ; var htmlSpan = ""; for (var j = 0; j < len - 1; j++) { htmlSpan += '<span>·</span>'; } htmlSpan += '<span class="on">·</span>'; 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两种拼接字符串的简单方法(必看)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-26怎么使用 nvm(Node Version Manager)下载并安装指定版本的 Node.js?-icode9专业技术文章分享
- 2024-11-26Vue CLI资料入门教程
- 2024-11-26Vue CLI资料入门教程
- 2024-11-26Vue3+Vite资料:新手入门教程详解
- 2024-11-26Vue3阿里系UI组件资料入门教程
- 2024-11-26Vue3的阿里系UI组件资料入门指南
- 2024-11-26Vue3公共组件资料详解与实战教程
- 2024-11-26Vue3公共组件资料详解与实战教程
- 2024-11-26Vue3核心功能响应式变量资料入门教程
- 2024-11-26Vue3核心功能响应式变量资料详解