专栏首页web前端教室复习知识点 -- JS高效拼接字符串

复习知识点 -- JS高效拼接字符串

JS拼接字符串,一种是用变量 += ,另一种是用 join。这个办法我早就知道,但一直用的不是很熟练,今天就复习一下。

第一是js的字符串连接方式;

第二是把length给缓存起来,不要每次操作都去读length的值。

在JS里,字符串一但赋值之后,就不能修改了。例如,

var xx = 123;

xx = 456;

console.log(xx);// 456

我原来以为这不就是把xx的值改为456了嘛。但事实上,是JS新建一个临时字符串,把它赋值为456,然后返回这个新字符串,还同时销毁了原始的字符串。

你看这好几个步骤,这是有资源开销的,所以这种的效率很低。更好的办法就是 join,例如:

var arr = [],axx, bxx;

axx = 'abc xx';

arr.push(axx);

arr.push(',bxxx');

bxx = arr.join('');

这就是用 join 把数组中的元素,放到一个字符串里了。至少看起来是比 += 快的。

但在JS高程里也提了,说是,,,反正大意慢说现在新版本浏览器已经解决了 += 效率低的问题。

就是说 += 和 join的效率是一样的。我是没测试过,就当复习这个知识点吧。

本文分享自微信公众号 - web前端教室(webfeel)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-05-03

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 给最后一周下个猛料,JavaScript 2017 使用调查!

    "The State of JavaScript" 是由stateofjs发起,对Javascript生态现状进行的一个在线调查。至今一共进行了两次,分别是20...

    企鹅号小编
  • ExtJs学习笔记(16)_Form布局

    这是最重要的一个布局,几乎所有的表单界面都可以采用form布局,详细的用法本文不作讨论(可以查阅官方API文档),这里只给出一个简单的示例 <script ty...

    菩提树下的杨过
  • 基于Node.js开发跨平台窗口程序

    发表日期: 2017.12.26 分类: Code Tags: Node.js JavaScript 跨平台 Electron 时间很快,已经是学期末了,这学期...

    企鹅号小编
  • 悟透JavaScript读书笔记--闭包与原型

    P44  <script type="text/javascript"> function Person(firstName,lastName,age){ ...

    菩提树下的杨过
  • ExtJs学习笔记(18)_ExtJs嵌入FCK示例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or...

    菩提树下的杨过
  • ExtJs学习笔记(14)_Column布局

    Column布局有点象传统html中的table的td,但是也有不同的地方: 先看下代码 <script type="text/javascript">   ...

    菩提树下的杨过
  • ExtJs学习笔记(17)_table布局

    table布局顾名思义,就是象table表格一样的布局 <script type="text/javascript"> Ext.onReady(fun...

    菩提树下的杨过
  • 利用Fck的javascript-API创建fck编辑器

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or...

    菩提树下的杨过
  • ExtJs学习笔记(15)_fit布局

    fit布局很好理解,容器内的组件会自动充满整个容器 <script type="text/javascript"> Ext.onReady(funct...

    菩提树下的杨过
  • ExtJs学习笔记(8)_TabPanel的用法

    啥也不说了,直接上代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt...

    菩提树下的杨过

扫码关注云+社区

领取腾讯云代金券