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 相关文章推荐
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
JavaScript cookie的设置获取删除详解
Feb 11 Javascript
基于Javascript实现弹出页面效果
Jan 01 Javascript
javascript设计模式之模块模式学习笔记
Feb 15 Javascript
JavaScript使用readAsDataURL读取图像文件
May 10 Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
微信小程序自定义导航教程(兼容各种手机)
Dec 12 Javascript
Vue路由对象属性 .meta $route.matched详解
Nov 04 Javascript
vue 解除鼠标的监听事件的方法
Nov 13 Javascript
在Chrome DevTools中调试JavaScript的实现
Apr 07 Javascript
javascript实现智能手环时间显示
Sep 18 Javascript
WebStorm中如何将自己的代码上传到github示例详解
Oct 28 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
咖啡的化学
2021/03/03 咖啡文化
php Static关键字实用方法
2010/06/04 PHP
php用户注册时常用的检验函数实例总结
2014/12/22 PHP
PHP面向对象多态性实现方法简单示例
2017/09/27 PHP
php array_map()函数实例用法
2021/03/03 PHP
java script编程起步(第三课)
2007/01/10 Javascript
JavaScript 检测浏览器和操作系统的脚本
2008/12/26 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
javascript中将Object转换为String函数代码 (json str)
2012/04/29 Javascript
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
AngularJs  unit-testing(单元测试)详解
2016/09/02 Javascript
Bootstrap基本组件学习笔记之列表组(11)
2016/12/07 Javascript
node操作mysql数据库实例详解
2017/03/17 Javascript
ReactNative 之FlatList使用及踩坑封装总结
2017/11/29 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
2018/03/06 jQuery
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
vue服务端渲染操作简单入门实例分析
2019/08/28 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
[38:27]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第二场 11.26
2020/11/30 DOTA
LRUCache的实现原理及利用python实现的方法
2017/11/21 Python
Python自定义函数实现求两个数最大公约数、最小公倍数示例
2018/05/21 Python
Tensorflow卷积神经网络实例
2018/05/24 Python
在python中bool函数的取值方法
2018/11/01 Python
Python 中 function(#) (X)格式 和 (#)在Python3.*中的注意事项
2018/11/30 Python
django的ORM操作 增加和查询
2019/07/26 Python
opencv3/python 鼠标响应操作详解
2019/12/11 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
英国人最爱的饰品网站:Accessorize
2016/08/22 全球购物
医院搬迁方案
2014/06/14 职场文书
医院合作协议书
2014/08/19 职场文书
小学母亲节活动总结
2015/02/10 职场文书
护士心得体会范文
2016/01/25 职场文书
Python激活Anaconda环境变量的详细步骤
2021/06/08 Python