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变量。

赞 (0)

相关推荐

  • 对字符串进行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 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 获取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 函数速查表

    abs 方法 返回一个数的绝对值. acos 方法 返回一个数的反余弦. anchor 方法 在对象的指定文本两端加上一个带 NAME 属性的 HTML 锚点. asin 方法 返回一个数的反正弦. atan 方法 返回一个数的反正切. atan2 方法 返回从 X 轴到点(y, x)的角度(以弧度为单位). atEnd 方法 返回一个表明枚举算子是否处于集合结束处的 Boolean 值. big 方法在String 对象的文本两端加入 HTML 的<BIG>标识. blink 方法 将 HT

  • 两个比较有用的Javascript工具函数代码

    1.大家在实际工作中,会写各式各样的赋值语句. 比如最常用的obj.style.display = "none"; 如果这样的赋值语句一多,obj.style一排下来都要看晕了 下面我的base.js中的extend函数可以允许用json格式赋值属性甚至是函数句柄 复制代码 代码如下: /** * 扩展函数 * @param target 需要扩展的对象 * @param params 要往target里放的属性和方法 */ function extend(target, params

  • Javascript函数的参数

    本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘 函数的参数 对于参数值,JavaScript不会进行类型检查,任何类型的值都可以被传递给参数.             对于函数参数,如果过少,没得到值的参数值为undefined,如果过多,多的会被忽略掉. //调用函数时传入的实际参数 function add(num1, num2) { return num1 + num2; } //一切正常的调用方式 console.info(add(1, 2)); //3 //不检查参数的类型,

  • 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 编写匿名函数的几种方法

    错误模式:语法错误警告 复制代码 代码如下: function(){ // insert code here }(); 模式一:函数字面量 (Function Literal) 先声明函数对象,然后执行. 复制代码 代码如下: (function(){ // insert code here })(); 模式二:优先表达式 (Prior Expression) 由于 JavaScript 按照从内到外的顺序执行表达式,因此使用括号来强制执行已声明的函数. 复制代码 代码如下: (function

  • JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）

    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让setInteval里的函数参数中的this指向特定的对象

    看到这个题,我蒙了,因为那时候我不清除这个问题,想了半天没想出来,后来到网上一查,在国外的某网站查到说setInterval和setTimeout之后的函数的作用域是全局的,也就是里面的this指向的是全局对象. 这个问题可麻烦了,我经常要在循环函数里用this来引用当前对象,也许你想到可以用闭包,不过实际情况并非如此简单,对象实例多了之后,闭包也乱套了. 我的愿望就是让循环函数里的this仍然指向当前上下文的对象,无需传参数,无需闭包(其实这也是闭包,只是形式上看着比较自然而已); 例如:(一

  • 详解javascript函数的参数

    javascript函数可以用任意多个参数来调用,而不用管函数定义时指定了几个参数.因为函数是弱类型的,没有方法去声明它所期望的参数类型,并且给任何函数传递任何类型的值都是合法的. 1.Js函数可以传入不同的参数,如 function writeNString(strMsg){ document.write(strMsg + "<br>"); } 2.Js函数返回值,js函数可以将运行的结果返回,函数可以视为一个黑盒子,使用参数输入数据后产生所需的运行结果,如 functi

随机推荐