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 遮罩层和加载效果代码
Aug 01 Javascript
String.prototype实现的一些javascript函数介绍
Nov 22 Javascript
JavaScript中常见获取元素的方法汇总
Mar 04 Javascript
JavaScript动态设置div的样式的方法
Dec 26 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
Feb 18 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
js input输入百分号保存数据库失败的解决方法
May 26 Javascript
在vue中安装使用vux的教程详解
Sep 16 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
vue实现计算器功能
Feb 22 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
Sep 16 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
PHP 一个比较完善的简单文件上传
2010/03/25 PHP
php 抽象类的简单应用
2011/09/06 PHP
PHP输出数组中重名的元素的几种处理方法
2012/09/05 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
js动态控制table的tr、td增加及删除的具体实现
2014/04/30 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
javascript中eval解析JSON字符串
2016/02/27 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
node实现登录图片验证码的示例代码
2018/04/20 Javascript
浅谈Vue数据响应思路之数组
2018/11/06 Javascript
npm 语义版本控制详解
2019/09/10 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
对Layer弹窗使用及返回数据接收的实例详解
2019/09/26 Javascript
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
django如何自己创建一个中间件
2019/07/24 Python
Django中URL的参数传递的实现
2019/08/04 Python
python树的同构学习笔记
2019/09/14 Python
Python中关于浮点数的冷知识
2019/09/22 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
HTML5 input元素类型:email及url介绍
2013/08/13 HTML / CSS
财务管理个人自荐书范文
2013/11/24 职场文书
母亲追悼会答谢词
2014/01/27 职场文书
《庐山的云雾》教学反思
2014/04/22 职场文书
竞选部长演讲稿
2014/04/26 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
通知的写法
2015/04/23 职场文书
Redis+AOP+自定义注解实现限流
2022/06/28 Redis