jQuery学习7 操作JavaScript对象和集合的函数
删除字符串首尾空字符:$.trim()
像很多高级语言都提供了类似的函数,jQuery类库也提供了这样的函数。具体用法:$.trim(value)从已传入的字符串里删除首尾空白字符并返回结果。
对属性和集合进行迭代:
在JavaScript操作数组和对象可以采用下面的方法:
var anArray = ['one','two','three'];
for(var n = 0; n < anArray.length; n++){...}
var anObject = {one:1, two:2, three:3};
for(var p in anObject){...}
在jQuery中提供$.each(container,callback) 对传入的容器的每一项进行迭代,为每一项调用传入的回调函数。
这个函数可以用相同的格式来迭代数组或对象:
var anArray = ['one','two','three'];
$.each(anArray,function(n,value){...});
var anObject = {one:1, two:2, three:3};
$.each(anObject,function(name,value){...});
对数组进行筛选:
遍历数组以便查找匹配特定标准的元素,是处理大量数据的应用的频繁需求,jQuery提供了$.grep()函数实现此类功能。
$.grep(array,callback,invert) 遍历已传入的数组,为各元素分别调用回调函数。回调函数的返回值决定是否把当前元素收集到新数组(新数组作为$.grep()函数的值而被返回)。
如果想要筛选一个数组,获取所有大于100的值:
var bigNumber = $.grep(originalArray,function(value){return value > 100;});
数组中是否包含特定值或是特定值在数组中的小标值:
$.inArray(value,array) 返回已传入的值在数组里第一次出现时的下标。
var index = $.inArray(2,[1,2,3,4,5]); 结果是返回下标值1并指派到index变量。
相关推荐
-
JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)
还好网上什么都有,上网找了一个浏览器兼容性最佳的函数,经测试兼容IE.FireFox.Chrome,并且不会有滚动条误差问题,存档下,以备后用 :) 复制代码 代码如下: function mousePos(e){ var x,y; var e = e||window.event; return { x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
-
详解javascript函数的参数
javascript函数可以用任意多个参数来调用,而不用管函数定义时指定了几个参数.因为函数是弱类型的,没有方法去声明它所期望的参数类型,并且给任何函数传递任何类型的值都是合法的. 1.Js函数可以传入不同的参数,如 function writeNString(strMsg){ document.write(strMsg + "<br>"); } 2.Js函数返回值,js函数可以将运行的结果返回,函数可以视为一个黑盒子,使用参数输入数据后产生所需的运行结果,如 functi
-
JavaScript 编写匿名函数的几种方法
错误模式:语法错误警告 复制代码 代码如下: function(){ // insert code here }(); 模式一:函数字面量 (Function Literal) 先声明函数对象,然后执行. 复制代码 代码如下: (function(){ // insert code here })(); 模式二:优先表达式 (Prior Expression) 由于 JavaScript 按照从内到外的顺序执行表达式,因此使用括号来强制执行已声明的函数. 复制代码 代码如下: (function
-
两个比较有用的Javascript工具函数代码
1.大家在实际工作中,会写各式各样的赋值语句. 比如最常用的obj.style.display = "none"; 如果这样的赋值语句一多,obj.style一排下来都要看晕了 下面我的base.js中的extend函数可以允许用json格式赋值属性甚至是函数句柄 复制代码 代码如下: /** * 扩展函数 * @param target 需要扩展的对象 * @param params 要往target里放的属性和方法 */ function extend(target, params
-
javascript parseInt与Number函数的区别
但是parseInt("08", 10)是可以返回8的. 为搞清楚两者的区别, 参考了别人写的parseInt&Number的区别: parseInt Parses a string argument and returns an integer of the specified radix or base. 核心函数 实现版本 Navigator 2.0: If the first character of the string specified in parseInt(s
-
javascript 函数速查表
abs 方法 返回一个数的绝对值. acos 方法 返回一个数的反余弦. anchor 方法 在对象的指定文本两端加上一个带 NAME 属性的 HTML 锚点. asin 方法 返回一个数的反正弦. atan 方法 返回一个数的反正切. atan2 方法 返回从 X 轴到点(y, x)的角度(以弧度为单位). atEnd 方法 返回一个表明枚举算子是否处于集合结束处的 Boolean 值. big 方法在String 对象的文本两端加入 HTML 的<BIG>标识. blink 方法 将 HT
-
Javascript 使用function定义构造函数
Javascript中创建对象的语法是在new运算符的后面跟着一个函数的调用.如 复制代码 代码如下: var obj = new Object(); var date = new Date(); 运算符new首先创建一个新的没有任何属性的对象,然后调用该函数,把新的对象作为this关键字的值传递. 复制代码 代码如下: var date = new Date()的伪代码的实现就是 var obj = {}; var date = Date.call(obj); 构造函数的作用就是初始化一个新创
-
javascript 获取url参数和script标签中获取url参数函数代码
url paramter: 复制代码 代码如下: //lastest: var getArgs=function() {//get url querystring var params=document.location.search,reg=/(?:^\?|&)(.*?)=(.*?)(?=&|$)/g,temp,args={}; while((temp=reg.exec(params))!=null) args[temp[1]]=decodeURIComponent(temp[2]);
-
使一个函数作为另外一个函数的参数来运行的javascript代码
先看一段代码: 复制代码 代码如下: var a = [1,2,3]; function map(fn, a, init){ var s = init; for (i = 0; i < a.length; i++){ s = fn(s,a[i]); } return s; } alert(map(function(x,y){return x+y;}, a , 0)) //把数组的各个元素相加求和 alert(map(function(x,y){return x+y;}, a ,
-
Javascript函数的参数
本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘 函数的参数 对于参数值,JavaScript不会进行类型检查,任何类型的值都可以被传递给参数. 对于函数参数,如果过少,没得到值的参数值为undefined,如果过多,多的会被忽略掉. //调用函数时传入的实际参数 function add(num1, num2) { return num1 + num2; } //一切正常的调用方式 console.info(add(1, 2)); //3 //不检查参数的类型,
-
对字符串进行HTML编码和解码的JavaScript函数
编码函数: 复制代码 代码如下: function HtmlEncode(str) { var t = document.createElement("div"); t.textContent ? t.textContent = str : t.innerText = str; return t.innerHTML; } 解码函数: 复制代码 代码如下: function HtmlDecode(str) { var t = document.createElement("di
-
javascript让setInteval里的函数参数中的this指向特定的对象
看到这个题,我蒙了,因为那时候我不清除这个问题,想了半天没想出来,后来到网上一查,在国外的某网站查到说setInterval和setTimeout之后的函数的作用域是全局的,也就是里面的this指向的是全局对象. 这个问题可麻烦了,我经常要在循环函数里用this来引用当前对象,也许你想到可以用闭包,不过实际情况并非如此简单,对象实例多了之后,闭包也乱套了. 我的愿望就是让循环函数里的this仍然指向当前上下文的对象,无需传参数,无需闭包(其实这也是闭包,只是形式上看着比较自然而已); 例如:(一
随机推荐
- angular框架实现全选与单选chekbox的自定义
- SQL Server 中查看SQL句子执行所用的时间
- 基于AngularJS的拖拽文件上传的实例代码
- 批处理 文件归类整理器
- 跟老齐学Python之数据类型总结
- TextArea设置MaxLength属性最大输入值的js代码
- MultiLine 换行后实现读取不换行的具体思路
- C++ 中的this指针详解及实例
- 详解Docker私有仓库Registry的搭建验证
- vue-cli + sass 的正确打开方式图文详解
- 详解VueJs前后端分离跨域问题
- Js实现网页键盘控制翻页的方法
- Python入门教程之运算符与控制流
- Java基础教程之继承详解
- 比较啊强悍的求职简历
- Mongodb在CSharp里实现Aggregate实例
- Jquery时间验证和转换工具小例子
- CascadeView级联组件实现思路详解(分离思想和单链表)
- 使用单链表实现多项式计算示例
- 简单介绍区分applet和application的方法