jQuery数组处理汇总

1

var

arr = [

'javascript'

,

'php'

,

'java'

,

'c++'

,

'c#'

,

'perl'

,

'vb'

,

'html'

,

'css'

,

'objective-c'

];

2

$.each(arr,

function

(key,val){ 

3

// firebug console

4

console.log(

'index in arr:'

+ key +

",corresponding value:"

+ val);

5

// 如果想退出循环

6

// return false;

7

});

1

var

temp = [];

2

temp = $.grep(arr,

function

(val,key){ 

3

if

(val.indexOf(

'c'

)!= -1)

4

return

true

;

5

// 如果[invert]参数不给或为false,$.grep只收集回调函数返回true的数组元素 

6

// 反之[invert]参数为true,$.grep收集回调函数返回false的数组元素 

7

},

false

);

8

console.dir(temp);

01

//1.6之前的版本只支持数组

02

temp = $.map(arr,

function

(val,key){ 

03

//返回null,返回的数组长度减1

04

if

(val ===

'vb'

)

return

null

;

05

return

val;

06

});

07

console.dir(temp);

08

//1.6开始支持json格式的object

09

var

obj = {key1:

'val1'

,key2: 

'val2'

,key3: 

'val3'

};

10

temp = $.map(obj,

function

(val,key){ 

11

return

val;

12

});

13

console.dir(temp);

1

//返回元素在数组中的位置,0为起始位置,返回-1则未找到该元素

2

console.log($.inArray(

'javascript'

,arr));

1

var

frontEnd = [

'javascript'

,

'css'

,

'html'

],

2

backEnd = [

'java'

,

'php'

,

'c++'

];

3

// 这种方式会修改第一个参数,即frontEnd数组 

4

temp = $.merge(frontEnd,backEnd);

5

console.dir(temp);

6

console.dir(frontEnd);

7

// 可以用下面的方式来避免对原数组的影响

8

// $.merge($.merge([],frontEnd),backEnd);

1

<

DIV

>blahblahblah....</

DIV

>

2

<

DIV

></

DIV

>

3

<

DIV

class

=

dup

></

DIV

>

4

<

DIV

class

=

dup

></

DIV

>

5

<

DIV

class

=

dup

></

DIV

>

6

<

DIV

></

DIV

>

1

// $.unique只支持DOM元素数组,去除重复DOM元素,不支持其他类型数组(String或者Number)

2

// 获得原始的DOM数组,而不是jQuery封装的

3

var

divs = $(

'div'

).get();

4

// 增加几个class为dup的div

5

divs = divs.concat($(

'div.dup'

).get());

6

console.log(

"before unique:"

+ divs.length);

7

divs = $.unique(divs);

8

console.log(

"after unique:"

+ divs.length);

1

//首先什么是类数组对象?jQuery官网上用divs = getElementsByTag('div')来做例子

2

//这个divs有类似数组的一些方法比如length,通过[index]方式获取元素等

3

//然后通过$.makeArray(divs)使它转为数组,就可以用数组的其他功能

4

//比如reverse(),pop()等 

1

//跟makeArray一样,相当的不常用,一般情况可以忽略