JQuery 操作Javascript对象和数组的工具函数小结


Posted in Javascript onJanuary 22, 2010

JQuery操作非集合数组函数
$.trim(value)
这个函数很简单,从value中删除任何前导或尾随的空白字符。空白字符为任何匹配Javascript正则表达式\s的任何字符。包括空格、换页、换行、回车、tab、垂直指标符等。

$.each(container, callback)
对container的每一项进行迭代,为每一项调用回调函数callback。
container 可以是对象或数组。如果是js对象,则迭代其每个属性;如果是数组,则迭代其每个元素。
callback 回调函数。为每个迭代的调用一次。第一个参数数组元素的下标或对象属性的名称,第二个参数是对应数组元素或对象属性的值。调用的函数上下文(this)和第二个函数相同。

var obj = {a:1, b:2, c:3}; 
$.each(obj, function(name, value){ 
alert(name + ':' + value); 
});

$.extend(target, source1, source2, ..., sourcen)
用source1...n 对象的属性来扩展target对象。返回值为扩展后的对象。
var target = { a:1, b:2, c:3 }; 
var source1 = { c:4, d:5, e:6 }; 
var source2 = { e:7, f:8, g:9 }; 
$.extend(target, source1, source2); 
$.each(target, function(name, value){ 
alert(name + ':' + value); 
});

返回的值为{a:1, b:2, c:4, d:5, e:7, f:8, g:9}

$.getScript(url, callback)
动态加载js脚本。并在成功获取脚本时调用回调函数。

$.noConflict
避免$别名冲突。一旦执行$.noConflict函数,就必须使用jQuery名称调用。

JQuery处理数组函数
$.each(container, callback)
这个函数也可以迭代数组。具体说明上面有。

$.grep(array, callback, invert)
遍历已传入的数组,为各元素调用对调函数。回调函数的返回值决定是否把当前元素收集到新数组,新数组作为$.grep的返回值。callback回调函数需要返回一个bool类型的值。如果invert省略或为false,则回调函数返回TRUE的元素被收集到返回结果中。invert为true,则回调函数返回false的元素被收集到返回结果中。

$.map(array, callback)
遍历数组,为各元素调用callback函数,并把callback函数返回值收集到新数组中返回。

$.inArray(value,array)
返回已传入的值在数组中第一次出现的下标。如果该值在数组中不存在,返回-1。

Javascript 相关文章推荐
JavaScript库 开发规则
Jan 31 Javascript
javascript各浏览器中option元素的表现差异
Apr 07 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
JS实现1000以内被3或5整除的数字之和
Feb 18 Javascript
JavaScript中最常见的三个面试题解析
Mar 04 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
Angularjs实现多图片上传预览功能
Jul 18 Javascript
微信小程序实现人脸识别登陆的示例代码
Apr 02 Javascript
vue+elementUI实现表格关键字筛选高亮
Oct 26 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 Javascript
JavaScript 学习笔记(十四) 正则表达式
Jan 22 #Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 #Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 #Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
Jan 22 #Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
Jan 22 #Javascript
jQuery 入门级学习笔记及源码
Jan 22 #Javascript
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 #Javascript
You might like
利用Memcached在php下实现session机制 替换PHP的原生session支持
2010/08/21 PHP
php网上商城购物车设计代码分享
2012/02/15 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
PHP ignore_user_abort函数详细介绍和使用实例
2014/07/15 PHP
php面向对象的用户登录身份验证
2017/06/08 PHP
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
原生js配合cookie制作保存路径的拖拽
2015/12/29 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
深入理解Puppeteer的入门教程和实践
2019/03/05 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
2020/01/16 Javascript
Python中异常重试的解决方案详解
2017/05/05 Python
Python实现统计文本文件字数的方法
2017/05/05 Python
python利用正则表达式排除集合中字符的功能示例
2017/10/10 Python
详解多线程Django程序耗尽数据库连接的问题
2018/10/08 Python
python list格式数据excel导出方法
2018/10/31 Python
Pandas 重塑(stack)和轴向旋转(pivot)的实现
2019/07/22 Python
详解Matplotlib绘图之属性设置
2019/08/23 Python
django删除表重建的实现方法
2019/08/28 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
H5仿微信界面教程(一)
2017/07/05 HTML / CSS
英国知名衬衫品牌美国网站:Charles Tyrwhitt美国
2016/08/28 全球购物
商务英语专业自荐信
2013/10/14 职场文书
毕业学生推荐信
2013/12/01 职场文书
《伯牙绝弦》教学反思
2014/03/02 职场文书
《蚕姑娘》教学反思
2014/04/15 职场文书
教代会开幕词
2015/01/28 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL
Elasticsearch 数据类型及管理
2022/04/19 Python