谈谈JavaScript中的数组、集合及效率

2016-01-29 12:03 7 1 收藏

谈谈JavaScript中的数组、集合及效率,谈谈JavaScript中的数组、集合及效率

【 tulaoshi.com - Java 】

数组是JavaScript提供的一个内部对象,它是一个标准的集合,我们可以添加(push)、删除(shift)里面元素,我们还可以通过for循环遍历里面的元素,那么除了数组我们在JavaScript里还可以有别的集合吗?

由于JavaScript的语言特性,我们可以向通用对象动态添加和删除属性。所以Object也可以看成是JS的一种特殊的集合。下面比较一下Array和Object的特性:

Array:

新建:var ary = new Array(); 或 var ary = [];
增加:ary.push(value);
删除:delete ary[n];
遍历:for ( var i=0 ; i < ary.length ; ++i ) ary;

Object:

新建:var obj = new Object(); 或 var obj = {};
增加:obj[key] = value; (key为string)
删除:delete obj[key];
遍历:for ( var key in obj ) obj[key];

从上面的比较可以看出Object完全可以作为一个集合来使用,在使用Popup窗口创建无限级Web页菜单(3)中我介绍过Eric实现的那个__MenuCache__,它也就是一个模拟的集合对象。

如果我们要在Array中检索出一个指定的值,我们需要遍历整个数组:

  var keyword = ;
  for ( var i=0 ; i < ary.length ; ++i )
  {
  if ( ary == keyword )
  {
  // todo
  }
  }


  而我们在Object中检索一个指定的key的条目,只需要是要使用:

  var key = '';
  var value = obj[key];
  // todo


Object的这个特性可以用来高效的检索Unique的字符串集合,遍历Array的时间复杂度是O(n),而遍历Object的时间复杂度是O(1)。虽然对于10000次集合的for检索代价也就几十ms,可是如果是1000*1000次检索或更多,使用Object的优势一下就体现出来了。在此之前我做了一个mapping,把100个Unique的字符mapping到1000个字符串数组上,耗时25-30s!后来把for遍历改成了Object模拟的集合的成员引用,同样的数据量mapping,耗时仅1.7-2s!!!

对于集合的遍历效率(从高到低):var value = obj[key]; for ( ; ; ) for ( in )。效率最差的就是for( in )了,如果集合过大,尽量不要使用for ( in )遍历。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/java/)

来源:http://www.tulaoshi.com/n/20160129/1484445.html

延伸阅读
标签: Web开发
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" HTML  HEAD   TITLE New Document /TITLE   META NAME="Generator" CONTENT="EditPlus"   META NAME="Author" CONTENT=""   META NAME="Keywords" CONTENT=""   META NAME="Description" CONTENT=""   script type="text/javascript"  v...
标签: Web开发
javascript 中 Array.sort()方法是用来对数组项进行排序的 ,默认情况下是进行升序排列,实例代码如下: var arrA = [6,2,4,3,5,1];arrA.sort();document.writeln(arrA); //结果是:1,2,3,4,5,6 sort() 方法可以接受一个 方法为参数 ,这个方法有两个参数。分别代表每次排序比较时的两个数组项。sort()排序时每次比较两个...
标签: Web开发
数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象 Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),所以数组可以通过相互嵌套实现类似多维数组的功能 1.1 定义数组 声明有10个元素的数组 var a = new Array(10); 此时为a已经开辟了内存空间,包含10个元素,用数组名称加 [下标] ...
标签: Web开发
Widget.Tooltip-0.02 Asynapse-0.10_01 Widget.Lightbox-0.09 Archive.Tar-0.03 Form.Element.Resize-0.03 Data.Dump-0.02 Widget.Timer-0.40 Asynapse.Emoticon-0.01 String.Buffer-0.0.1 HTTP.Cookies-1.11 Widget.Chmod-0.3 Number.Format-0.03 Effect.DropShadow-0.11 Dojo.common-0.4.1 DOM.Find-1.00 DOM.Migrate-0.01 JSONScriptRequest-...
标签: Web开发
日一二三四五六'.split('')  ['日','一','二','三','四','五','六']  Array('日','一','二','三','四','五','六')  new Array('日','一','二','三','四','五','六')  这里是输入的代码内容  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经验教程

569

收藏

80
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部