欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

基于jQuery中对数组进行操作的方法

程序员文章站 2022-07-06 10:30:50
jQuery中提供了两个函数 : 1.$.map(array,callback(element,index)); 对于array中的每个元素,调用callback()函数,最终...

jQuery中提供了两个函数 :

1.$.map(array,callback(element,index));

对于array中的每个元素,调用callback()函数,最终返回一个新的数组,原数组不变

例如:

$(function () {
var arrInt = [1, 3, 5, 79];
var b = $.map(arrInt, function (value, key, a) {//map返回来的是一个新数组
return value * 2;
});

})

2. $.each(array,fn);

主要用来遍历数组,不修改数组,对于普通数组或者“键值对数组”都可以进行遍历。

在each函数中可以直接使用this,表示当前元素的值。

例如:获取checkbox中的选中项

<script type="text/javascript" >

$(function () {

var arr = [];

$('input[type=checkbox]').click(function () {

$('input[type=checbox]:checked').each(function (key, value) {

arr[key] = value.text();

});

var lengtha = $('input[type=checkbox][checked=checked]').length; $('#spMsg').text('共有' + lengtha + '被选中分别是:' + arr);

})

})