`

js,jquery数组

 
阅读更多

1.数组的创建

var arr=new Array();

2.查找数组中的元素

for(var i=0;i<arr.length;i++)

if(arr[i]==temp)

return true;

3.下面比较一下Array和Object的特性:

Array:

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

  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[i] == 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 )遍历。

 

4.

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 
var a = [1,2,3,4,5]; 
var b = a.shift(); //a:[2,3,4,5] b:1

unshift:将参数添加到原数组开头,并返回数组的长度 
var a = [1,2,3,4,5]; 
var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7 
注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。

pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined 
var a = [1,2,3,4,5]; 
var b = a.pop(); //a:[1,2,3,4] b:5

push:将参数添加到原数组末尾,并返回数组的长度 
var a = [1,2,3,4,5]; 
var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7

concat:返回一个新数组,是将参数添加到原数组中构成的 
var a = [1,2,3,4,5]; 
var b = a.concat(6,7); //a:[1,2,3,4,5] b:[1,2,3,4,5,6,7]

splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 
var a = [1,2,3,4,5]; 
var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4] 
var b = a.splice(0,1); //同shift 
a.splice(0,0,-2,-1); var b = a.length; //同unshift 
var b = a.splice(a.length-1,1); //同pop 
a.splice(a.length,0,6,7); var b = a.length; //同push

reverse:将数组反序 
var a = [1,2,3,4,5]; 
var b = a.reverse(); //a:[5,4,3,2,1] b:[5,4,3,2,1]

sort(orderfunction):按指定的参数对数组进行排序 
var a = [1,2,3,4,5]; 
var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5]

slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组 
var a = [1,2,3,4,5]; 
var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5]

join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符 
var a = [1,2,3,4,5]; 
var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

 

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

 

 

 

本文来源于:http://www.cnblogs.com/wuchao/archive/2012/07/13/2590345.html

分享到:
评论

相关推荐

    JavaScript jQuery 中定义数组与操作及jquery数组操作

    JavaScript 和 jQuery 中的数组操作是编程中非常基础且重要的部分,尤其在处理数据集合时。在 JavaScript 中,数组是一种特殊的数据结构,可以存储各种类型的数据,包括整型、字符串、对象等。虽然 JavaScript 不...

    浅析jquery数组删除指定元素的方法:grep()

    在这种情况下,jQuery提供的`grep()`方法可以提供一种替代方案,它允许通过过滤函数来创建一个新数组,而不直接修改原数组。 `grep()`是jQuery中的一个函数,专门用于数组或类数组对象的过滤操作。它允许开发者定义...

    js jquery数组介绍

    1.数组的创建 var arr=new Array(); 2.查找数组中的元素 代码如下: for(var i=0;i&lt;arr.length;i++) if(arr[i]==temp) return true; 3.下面比较一下Array和Object的特性: Array: 新建:var ary = new Array(); 或 ...

    jquery选择器以及jquery数组

    ### jQuery 选择器与 jQuery 数组详解 #### jQuery 选择器概述 jQuery 是一款轻量级的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。jQuery 提供了一套强大的选择器,使得...

    jquery中push()的用法(数组添加元素)

    push()方法的用法和普通的JavaScript数组的push()方法相同,都允许开发者向一个数组的末尾添加一个或多个元素,并且该方法会修改原数组,返回修改后数组的新长度。需要注意的是,jQuery的push()方法实际上是对...

    jQuery数组处理方法汇总

    以下是关于jQuery数组处理方法的详细汇总: 1. **$.each(array, [callback])**:这是一个通用的遍历方法,可以用于遍历数组或对象。在数组上下文中,`callback`函数接收两个参数,分别是当前元素的索引`key`和值`...

    jquery数组过滤筛选方法grep()简介

    jQuery中的grep()方法是一个非常实用的工具,尤其在处理数组数据时,它允许你根据特定条件筛选出符合或者不符合要求的元素。grep()方法的主要作用是遍历数组,并基于提供的回调函数判断每个元素是否应该保留在结果...

    jQuery数组处理函数整理

    jQuery是一个广泛使用的JavaScript库,它提供了一系列...了解并熟练使用这些jQuery数组处理函数,能极大地提高代码的效率和可读性,使开发过程更加顺畅。在实际项目中,可以根据需求灵活运用这些工具,简化数组操作。

    jquery实现数组array、集合list、json类型的分页

    本主题将深入探讨如何使用jQuery库来实现数组、集合(如Java中的List)以及JSON类型的分页功能。jQuery作为一款强大的JavaScript库,简化了DOM操作,使得分页功能的实现变得更加简便。 首先,我们要理解分页的基本...

    jQuery数组处理详解(含实例演示)

    jQuery的数组处理方法提供了一套全面的工具,使得在JavaScript中处理数组变得更加简单和灵活。`$.each()`适合遍历数组和对象,`$.grep()`用于过滤数组,`$.map()`可以进行数组转换,而`$.inArray()`则用于检查数组中...

    jQueryzTree JSTree 数组大全.rar

    《jQueryzTree与JSTree数组大全解析》 在Web开发中,jQueryzTree和JSTree是两个广泛使用的JavaScript库,它们主要用于构建交互式的树形结构,如导航菜单、组织架构图等。这两个库都提供了丰富的功能和高度的自定义...

    js实现json数组分组合并操作示例

    在JavaScript编程中,...综上,本示例展示了JavaScript处理JSON数组的分组合并操作,涉及到的基本概念包括数组遍历、对象属性访问、哈希映射以及数组操作。了解这些知识点有助于提升在实际项目中处理JSON数据的能力。

    jquery删除数组中重复元素

    总的来说,jQuery的`$.inArray()`方法可以帮助我们检查元素在数组中的位置,但在删除数组中的重复元素时,使用JavaScript原生的`Set`数据结构通常更为高效。不过,根据具体项目需求和兼容性考虑,你可以选择适合的...

    jquery ajax 向后台传递数组参数示例

    在JavaScript中,jQuery的AJAX功能常常用于与服务器进行异步数据交互。当需要传递数组作为参数时,可能会遇到一些挑战,特别是在数组中包含复杂对象的情况。本文将深入讲解如何在jQuery AJAX中向后台传递数组参数,...

    js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    尽管数组在概念上与对象不同,但在JavaScript中,数组也被视为一种特殊的对象,其索引被视为属性。 1. 获取对象的键(keys)和值(values) 在JavaScript中,我们可以使用`for...in`循环遍历对象的所有可枚举属性...

Global site tag (gtag.js) - Google Analytics