jQuery数组处理汇总
jQuery数组处理汇总
有段时间没写什么了, 打算把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)过滤数组中的重复元素,不常用
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一样,相当的不常用,一般情况可以忽略 |
jQuery数组处理汇总的更多相关文章
- jquery基础知识汇总
jquery基础知识汇总 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQu ...
- JavaScript jQuery 中定义数组与操作及jquery数组操作
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
- JQuery数组详解(含实例)
<!doctype html>jQuery数组处理详解(含实例演示)@Mr.Think 演示所用数组 var _mozi=['墨家','墨子','墨翟','兼爱非攻','尚同尚贤']; 1 ...
- jquery数组删除指定元素的方法:grep()
jquery数组删除指定元素的方法:grep() 金刚 数组 jquery javascript 元素 遇到的问题 今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组. 我定义的js数组是这样 ...
- jquery数组内多维对象
jquery数组内多维对象 var postData=[],obj,list; obj = !!obj ? obj : $('#dist_meici_checkinfo_form'); obj.fin ...
- Jquery数组操作
jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档 中对数组的 ...
- jquery数组之存放checkbox全选值示例代码
使用jquery数组可以存放checkbox全选值,下面有个不错的示例,感兴趣的朋友可以参考下. 复制代码代码如下: <input type="checkbox" id=&q ...
- PHP数组操作汇总
php 操作数组 (合并,拆分,追加,查找,删除等) - Just Code - ITeye技术网站 PHP操作数组的一些函数介绍 -- 简明现代魔法 PHP数组元素操作实例 -- 简明现代魔法 儿童 ...
- js,jQuery数组常用操作小结
一.js中数组常用操作小结 (1) shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift() ...
随机推荐
- ElasticSearch中的简单查询
前言 最近修改项目,又看了下ElasticSearch中的搜索,所以简单整理一下其中的查询语句等.都是比较基础的.PS,好久没写博客了..大概就是因为懒吧.闲言少叙书归正传. 查询示例 http:// ...
- elasticsearch单机多实例环境部署
elasticsearch的功能,主要用在搜索领域,这里,我来研究这个,也是项目需要,为公司开发了一款CMS系统,网站上的搜索栏功能,我打算采用elasticsearch来实现. elasticsea ...
- SQL2005 : 如何在SQL Server Profiler (事件查看器)中 跟踪查看死锁恢复
SQL Profiler 通过 SQL Profiler 工具程序,可监控应用程序如何访问数据库引擎.普通来说,当系统性能需要优化或是应用程序对数据库访问的结果不合预期,都可以使用该工具确认视图问题所 ...
- 【freemaker】之获取xml的值
测试代码 @Test public void test09() throws Exception{ root.put("doc", NodeModel.parse(new Inpu ...
- Hadoop学习11--Ha集群配置启动
理论知识: http://www.tuicool.com/articles/jameeqm 这篇文章讲的非常详细了: http://www.tuicool.com/articles/jameeqm 以 ...
- SQL Server 2008 数据库通过镜像同步备份(数据库热备)
数据库镜像运行模式: 异步数据库镜像模式(异步,高性能模式) 同步数据库镜像模式(同步,高安全模式) 参考资料: http://technet.microsoft.com/zh-cn/library/ ...
- PLSQL 逻辑多线程
PROCEDURE get_sheetid(i_topic IN VARCHAR2, o_newsheetid OUT VARCHAR2) IS PRAGMA AUTONOMOUS_TRANSA ...
- php 读取文件readfile
<?php //读取文件 //echo readfile('aa.txt'); //打开文件更好的方法是fopen $f = fopen('aa.txt' , 'r') or die('unab ...
- 不同hadoop集群之间迁移hive数据
#!/bin/bash #set -x DB=$1 #获取hive表定义 ret=$(hive -e 'use ${DB};show tables;'|grep -v _es|grep -v _hb| ...
- POS管理系统之设备出库
JSP: <html> <head> <title>登录</title> <style type="text/css&quo ...