JavaScript学习笔记第一天——字符串连接的N种方法
2014-06-17 17:44
585 查看
Javascript 字符串的连接方法有多种,但效率却有很大区别。
var list = '';
for (var i = 0, l = arr.length; i < l; i++) {
list += '<li>' + arr[i] + '</li>';
}
list = '<ul>' + list + '</ul>';
这种最常见的,但是效率最低!代码逻辑相对来说复杂。
list = [];
for (var i = 0, l = arr.length; i < l; i++) {
list[list.length] = '<li>' + arr[i] + '</li>';
}
list = '<ul>' + list.join('') + '</ul>';
逐个 push 进数组,比上一种方法稍微快一些,但还是不够好!
var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';
使用原生的方法(比如 join()),不管它后面是怎么实现的,一般都比其他方法快很多,而且代码非常简洁。
1、逐个字符串相加
var arr = ['item 1', 'item 2', 'item 3', ...];var list = '';
for (var i = 0, l = arr.length; i < l; i++) {
list += '<li>' + arr[i] + '</li>';
}
list = '<ul>' + list + '</ul>';
这种最常见的,但是效率最低!代码逻辑相对来说复杂。
2、逐个 push 进数组
var arr = ['item 1', 'item 2', 'item 3', ...],list = [];
for (var i = 0, l = arr.length; i < l; i++) {
list[list.length] = '<li>' + arr[i] + '</li>';
}
list = '<ul>' + list.join('') + '</ul>';
逐个 push 进数组,比上一种方法稍微快一些,但还是不够好!
3、直接join()
var arr = ['item 1', 'item 2', 'item 3', ...];var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';
使用原生的方法(比如 join()),不管它后面是怎么实现的,一般都比其他方法快很多,而且代码非常简洁。
相关文章推荐
- 【黑马程序员】连接字符串放在配置文件中方法(学习笔记)
- JavaScript 学习笔记(七)字符串的连接
- Python学习笔记--Python字符串连接方法总结
- 0714学习笔记list常用操作索引(index)和切片(slice) 字符串的方法分割split和连接join
- JavaScript 学习笔记(七)字符串的连接
- JavaScript学习笔记 2-变量、字符串
- .Net连接字符串(ConnectionString)学习笔记
- javaScript学习笔记之 javaScript 常见方法 记录
- JavaScript across domain 方法 学习笔记
- .Net连接字符串(ConnectionString)学习笔记(转)
- JavaScript_学习 6_字符串处理,String对象的字符串格式化方法
- JavaScript学习笔记之创建字符串比较
- 学习笔记----字符串的连接
- JavaScript学习笔记--第一章.变量与字符串
- 10 声明字符串"javascript学习笔记,String字符串相关!" ( 追加和替换这两种用法做不出)
- 【Javascript学习笔记】由JavaScript中call()方法引发的对面向对象继承机制call的思考
- SilverLight学习笔记--Silverligh之在SL中调用Javascript (四种调用方法+简单与复杂参数的传递)
- JavaScript 学习笔记(九)call和apply方法
- JavaScript 学习笔记(九)call和apply方法
- 收藏一个JavaScript字符串连接方法