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 相关文章推荐
js获得地址栏?问号后参数的方法
Aug 08 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
Dec 13 Javascript
JavaScript事件委托的技术原理探讨示例
Apr 17 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Dec 15 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
Jul 21 Javascript
jQuery实现动态添加节点与遍历节点功能示例
Nov 09 jQuery
浅谈Webpack自动化构建实践指南
Dec 18 Javascript
快速解决vue-cli不能初始化webpack模板的问题
Mar 20 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
Aug 03 Javascript
vue项目打包后怎样优雅的解决跨域
May 26 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中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
php 模拟post_验证页面的返回状态(实例讲解)
2013/10/28 PHP
浅析php中array_map和array_walk的使用对比
2016/11/20 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
javascript 有趣而诡异的数组
2009/04/06 Javascript
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
jQuery的slideToggle方法实例
2013/05/07 Javascript
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
2015/11/16 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
python中os操作文件及文件路径实例汇总
2015/01/15 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
python列表的逆序遍历实现
2020/04/20 Python
Html5新增标签与样式及让元素水平垂直居中
2019/07/11 HTML / CSS
英国精品买手店:Browns Fashion
2016/09/29 全球购物
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
英国最大的香水商店:The Fragrance Shop
2018/07/06 全球购物
毕业生自荐书
2014/02/03 职场文书
婚礼答谢宴主持词
2014/03/14 职场文书
安全承诺书格式
2014/05/21 职场文书
升职演讲稿范文
2014/05/23 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
2014年领班工作总结
2014/11/25 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
学前教育见习总结
2015/06/23 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL
关于springboot配置druid数据源不生效问题(踩坑记)
2021/09/25 Java/Android
Hive HQL支持2种查询语句风格
2022/06/25 数据库