有段时间没写什么了, 打算把jquery中的比较常用的数组处理方法汇总一下
$.each(array, [callback])遍历,很常用
1
2
3
4
5
6
7
8
|
var arr = [ 'javascript' , 'php' , 'java' , 'c++' , 'c#' , 'perl' , 'vb' , 'html' , 'css' , 'objective-c' ];
$.each(arr, function (key, val) {
// firebug console
console.log( 'index in arr:' + key + ", corresponding value:" + val);
// 如果想退出循环
// return false;
}); |
$.grep(array, callback, [invert])过滤,常用
1
2
3
4
5
6
7
8
9
|
var temp = [];
temp = $.grep(arr, function (val, key) {
if (val.indexOf( 'c' ) != -1)
return true ;
// 如果[invert]参数不给或为false, $.grep只收集回调函数返回true的数组元素
// 反之[invert]参数为true, $.grep收集回调函数返回false的数组元素
}, false );
console.dir(temp); |
$.map(array, [callback])用的不是太多
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
//1.6之前的版本只支持数组 temp = $.map(arr, function (val, key) {
//返回null,返回的数组长度减1
if (val === 'vb' ) return null ;
return val;
}); console.dir(temp); //1.6开始支持json格式的object var obj = {key1: 'val1' , key2: 'val2' , key3: 'val3' };
temp = $.map(obj, function (val, key) {
return val;
}); console.dir(temp); |
$.inArray(val, array)判断是否在指定数组中,常用
1
2
3
|
//返回元素在数组中的位置,0为起始位置,返回-1则未找到该元素 console.log($.inArray( 'javascript' , arr));
|
$.merge(first, second)合并两个数组,使用频率一般
1
2
3
4
5
6
7
8
9
|
var frontEnd = [ 'javascript' , 'css' , 'html' ],
backEnd = [ 'java' , 'php' , 'c++' ];
// 这种方式会修改第一个参数, 即frontEnd数组 temp = $.merge(frontEnd, backEnd); console.dir(temp); console.dir(frontEnd); // 可以用下面的方式来避免对原数组的影响 // $.merge($.merge([], frontEnd), backEnd); |
$.unique(array)过滤数组中的重复元素,不常用
blahblahblah....
1
2
3
4
5
6
7
8
9
|
// $.unique只支持DOM元素数组,去除重复DOM元素,不支持其他类型数组(String或者Number) // 获得原始的DOM数组,而不是jQuery封装的 var divs = $( 'div' ).get();
// 增加几个class为dup的div divs = divs.concat($( 'div.dup' ).get());
console.log( "before unique:" + divs.length);
divs = $.unique(divs); console.log( "after unique:" + divs.length);
|
$.makeArray(obj)将类数组对象转成数组,不常用
1
2
3
4
5
|
//首先什么是类数组对象?jQuery官网上用divs = getElementsByTag('div')来做例子 //这个divs有类似数组的一些方法比如length,通过[index]方式获取元素等 //然后通过$.makeArray(divs)使它转为数组,就可以用数组的其他功能 //比如reverse(), pop()等 |
$(dom).toArray()将jQuery集合恢复成DOM数组,不常用
1
2
|
//跟makeArray一样,相当的不常用,一般情况可以忽略 |
本文参考Mr.Think的blog,在此感谢分享
本文来源于:http://www.cnblogs.com/AndyWithPassion/archive/2011/06/20/jquery_array_process.html
相关推荐
以下是关于jQuery数组处理方法的详细汇总: 1. **$.each(array, [callback])**:这是一个通用的遍历方法,可以用于遍历数组或对象。在数组上下文中,`callback`函数接收两个参数,分别是当前元素的索引`key`和值`...
本篇文章主要介绍了求JS数组的一些方法,具有很好的参考价值。 给定数组[25,28,8,65,25,32,40,68],求其最大值、最小值 、求和、平均值、排序、元素出现次数、去重等相关问题解决方法? 1、最大值和最小值的不同...
### jQuery数组处理完全详解(实例演示) jQuery并没有专门针对数组的操作方法,但它可以通过标准的JavaScript数组方法来操作数组。此外,jQuery提供的工具函数如`$.each()`、`$.map()`等可以方便地应用于数组处理。 ...
在jQuery中,工具函数是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的,我们统称为工具函数,或Utilites函数 主要作用于:字符串、数组、对象 API:工具函数 调用格式: $.函数名()或jQuery.函数名...
这篇文章将汇总JavaScript数组的一些常用操作技巧,帮助开发者更好地理解和利用数组功能解决问题。 ### 一、数组的性质 在JavaScript中,数组本质上是特殊的对象,其属性是通过偏移量的索引来表示的。虽然我们可以...
对于jQuery编程人员而言,掌握这两种遍历数组的技巧是非常实用的,能够帮助他们在不同的场景下选择更加合适的方法来处理数组数据。同时,文章末尾提供的一系列关于jQuery的进阶学习资源,也将有助于读者进一步提升在...
在某些场景下,我们可能需要对表格中的单元格进行合并,以便更好地展示数据,例如汇总或者分类。本篇将详细介绍如何使用jQuery DataTables结合JavaScript来实现相同内容单元格的动态合并。 首先,我们需要理解...
jQuery操作Table技巧大汇总主要涵盖了如何使用jQuery对HTML表格进行一系列的交互和样式修改,包括鼠标响应、样式调整、行和列的隐藏与删除,以及单元格内容的获取与设置等。以下是对这些技巧的详细解释: 1. 鼠标...
在JavaScript编程中,数组去重是一项常见的操作,特别是在处理数据集合时。本篇文章将深入探讨如何使用原生JavaScript以及jQuery的$.inArray方法来实现数组去重。 首先,让我们了解JavaScript数组的一些基本特性。...
**jQuery 是一个高效、简洁且易学的JavaScript库,它极大地简化了JavaScript代码的编写,尤其是在处理DOM操作、事件处理和Ajax交互时。本篇文章将详细介绍jQuery中的50个常用方法,帮助开发者更好地掌握和应用jQuery...
本文档主要汇总了与JQuery相关的官方资料,涵盖了JavaScript中的各种数据类型和概念,这些知识对于理解和使用JQuery至关重要。 1. **字符串(String)** - **引号引用**:在JavaScript中,字符串可以用单引号或双...
- jQuery对象可以使用数组索引的方式访问单个DOM元素,如$("#foo")[0]。 - DOM对象可以通过$()函数转换成jQuery对象,如$(document.getElementById("foo"))。 5. 解决库冲突 - 如果jQuery和其他JavaScript库发生...
这些数据通常是一个Map对象,其中包含"data"键,其值为一个数组或列表。 10. 特殊配置项解释。在实际使用中,DataTables的某些配置可能不会立即明白其用途。例如,"autoWidth"、"zeroRecords"、"pagingType"和...
它们各自有一系列的方法来处理和操作数据。这里我们将深入探讨这些方法。 首先,我们来看看字符串的一些常用方法: 1. `substring(start, end)`:这个方法用于从字符串中截取一部分。`start`参数是开始位置,`end`...
值得注意的是,jQuery提供了更丰富的API来处理DOM元素,比如`.is()`, `.size()`等,但这些方法在最新的jQuery版本中已经被弃用,推荐使用`.length`。例如,`.is(":visible")`可以用来判断元素是否可见,但它并不能...
data: [/* 数据数组 */], columns: [/* 列定义 */] }); }); ``` ### 五、进阶应用 除了基本的表格展示,tilesjs还可以与其他前端框架(如Bootstrap、Angular、Vue等)结合使用,提升项目的开发效率。此外...
2、把动态内容存放到数组中,再遍历数组动态创建html元素 3、使用模版 1.使用jQuery动态创建元素追加到jQuery对象上。 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title&...