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 OOP类与继承
Nov 15 Javascript
与jquery serializeArray()一起使用的函数,主要来方便提交表单
Jan 31 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
javascript函数式编程实例分析
Apr 25 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
Jun 13 Javascript
vue的全局提示框组件实例代码
Feb 26 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
vue实现多组关键词对应高亮显示功能
Jul 25 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 Javascript
一分钟学会JavaScript中的try-catch
Dec 14 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 Vue.js
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小程序自动提交到自助友情连接
2009/11/24 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
起点页面传值js,有空研究学习下
2010/01/25 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
JavaScript设计模式之建造者模式介绍
2014/12/28 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
JavaScript实现页面定时刷新(定时器,meta)
2016/10/12 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
2016/11/18 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
JavaScript私有变量实例详解
2019/01/24 Javascript
jQuery实现可编辑的表格
2019/12/11 jQuery
node.js爬虫框架node-crawler初体验
2020/10/29 Javascript
详解vue中使用transition和animation的实例代码
2020/12/12 Vue.js
vue 使用 sortable 实现 el-table 拖拽排序功能
2020/12/26 Vue.js
跟老齐学Python之有容乃大的list(2)
2014/09/15 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
使用python实现ANN
2017/12/20 Python
python实现超市扫码仪计费
2018/05/30 Python
Python中asyncio模块的深入讲解
2019/06/10 Python
Python中字符串List按照长度排序
2019/07/01 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
会务接待方案
2014/02/27 职场文书
小学生保护环境倡议书
2014/05/15 职场文书
春节超市活动方案
2014/08/14 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
2014年材料员工作总结
2014/11/19 职场文书
中秋节感想
2015/08/10 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP
MySQL系列之八 MySQL服务器变量
2021/07/02 MySQL