数组与对象基本操作(JQuery)

首先呢,你要理解什么是数组什么是对象。

数组(array):是一种有序的值的集合。

对象(object):是一种无序的属性集合,每个属性都有自己的名字和值。

$符号是JQuery符

 1 jQuery.each(object, [callback])     遍历数组或对象
 2 参数:
 3 object:需要例遍的对象 或数组。
 4 callback:每个成员/元素执行的回调函数。
 5 遍历数组:
 6  $.each(["q", "w", "e", "r"], function (i, n) {    //遍历数组each()
 7              alert("item :" + i + ":" + n)          //i为数组序号,n为对应的值
 8             })
 9
10
11
12 遍历对象:
13  $.each({ name: "qqj", lang: "js" }, function (i, n) {
14              //  遍历对象  {name:name , value:qqj}
15               alert("name:" + i + "\nvalue:" + n);  //i为名字  n为值
16            })
jQuery.extend([deep], target, object1, [objectN])  扩展对象

用一个或多个其他对象来扩展一个对象,返回被扩展的对象。

如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。 未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。

target:一个对象,如果附加的对象被传递给这个方法将那么它将接收新的属性,如果它是唯一的参数将扩展jQuery的命名空间。

object1:待合并到第一个对象的对象。

objectN:待合并到第一个对象的对象。

 var ob1 = { name: "qq", age: 25, tt: "uenuhs", qq: 676373 };
            var ob2 = { name: "rain", age: 33, ww: "ww", ee: "ee" };
            $.extend(ob1, ob2);                                          //扩充对象 ,相同属性,以后面修改,前一个没有则添加
            var text = "";
            $.each(ob1, function (i, n) {       //i 为名字 ,n为值
                text += ("name:" + i + "value:" + n+“\n”);
            })//输出为name:name       value:rain       name:age       value:33       name:tt       value:uenuhs       name:qq       value:676373       name:ww       value:ww       name:ee       value:ee
jQuery.grep(array, callback, [invert])

使用过滤函数过滤数组元素。

array:待过滤数组。

callback:此函数将处理数组每个元素。第一个参数为当前元素,第二个参数而元素索引值。此函数应返回一个布尔值。

invert:如果 "invert" 为 false 或为设置,则函数返回数组中由过滤函数返回 true 的元素,当"invert" 为 true,则返回过滤函数中返回 false 的元素集。

1 $.grep( [0,1,2], function(n,i){  //n为数组值 ,i为数组序号
2   return n > 0;
3 });      //默认为false    返回满足条件的数组

jQuery.makeArray(obj)

将类数组对象转换为数组对象。

类数组对象有 length 属性,其成员索引为 0 至 length - 1。实际中此函数在 jQuery 中将自动使用而无需特意转换。

1 <div>First</div><div>Second</div><div>Third</div><div>Fourth</div>       //这个在HTML中为4个DIV元素
2 var arr = jQuery.makeArray(document.getElementsByTagName("div"));
3 arr.reverse(); // 使用数组翻转函数
4 结果:Fourth
5 Third
6 Second
7 First

jQuery.map(arr|callback)

将一个数组中的元素转换到另一个数组中。

array:待转换数组。

callback :为每个数组元素调用,而且会给这个转换函数传递一个表示被转换的元素作为参数。函数可返回任何值。

1      var arr=[3,4,5,6,7,8]
2  var arr3 = $.map(arr, function (n) {      //返回ARR数组经过处理之后的新数组 map
3                 return n + 2;            n为数组元素值
4             });
5             $.each(arr3, function (n, i) {
6                      alert( i);      //输出5,6,7,8,9,10
7             })

jQuery.inArray(value,array,[fromIndex])

查找一个元素在数组中的位置

value:用于在数组中查找是否存在的元素

array:被查找数组。

fromIndex:用来搜索数组队列,默认值为0。

1 var arr=["qq","ww","ee","rr",3,6,9];
2 $.inArray("qq",arr);     //返回 0  ,第一个序号值
3 $.inArray("ee",arr,3)   //返回-1,从3的位置开始检索 ,-1表示没有找到
4 $.inArray("rr",arr)    //返回3    ,在数组中序号3

jQuery.merge(first,second)

合并两个数组

first:第一个待处理数组,会改变其中的元素。

second:第二个待处理数组,不会改变其中的元素。

1 var arr1=["a","b","c"];
2 var arr2=[1,2,3];
3 $.merge(arr1,arr2);    //将arr2附加到 arr1中
4    //则arr1为arr1=["a","b","c",1,2,3];    arr2=[1,2,3]  不变

数组与对象基本操作(JQuery)

时间: 2024-08-03 17:10:15

数组与对象基本操作(JQuery)的相关文章

checkbox中jQuery对数组和对象的操作

------------------------------------------------------------------------------------------ 来段小例子,jQuery实现对表单中checkbox的全选/取消/反选 [email protected] <www.chenwei.ws>--------------------------- <input type="checkbox" class="all" /&

jQuery中json对象的复制(数组及对象)

摘自: http://www.2cto.com/kf/201306/218838.html 1.jQuery自带的$.map方式: $.map(json, function (n) { return n; }); 这种方式原来用于复制数组还可以,今天用它复制数组中的某一条记录,发现字段名称丢失了,后来发现了第二种方法. 2.深复制与浅复制 // 浅层复制(只复制顶层的非 object 元素) var newObject = jQuery.extend({}, oldObject); // 深层复

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

锋利的jQuery(1)——DOM对象与jQuery对象的转换

1.认识jQuery DOM对象:即文档对象模型 jQuery对象:通过jQuery包装DOM对象后产生的对象.这是jQuery对象所特有的,在jQuery对象中无法使用DOM对象的任何方法,同时DOM对象也不能使用jQuery对象的方法.(这也是我自己在写代码的时候经常弄混的一条) DOM对象和jQuery对象的互换:一般的在jQuery对象前面加上$ jQuery对象转换成DOM对象: Jquery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象 //代码如下 va

DOM对象与JQUERY对象的相互转化

普通处理,通过标准JavaScript处理: 1 var p = document.getElementById('imooc') 2 p.innerHTML = '您好!学习jQuery才是最佳的途径'; 3  p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById("imooc") 方法获取的DOM元素就是一个DOM对象,再通过innerHTML与style属性处理文本与颜色. jQuery的处理: 1 var $p =

js map()处理数组和对象数据

之前的文章梳理了JS数组与对象属性的遍历方法,本文介绍专门用以遍历并处理数据的map()方法. 一.原生map() map()是数组的一个方法,它创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果.map()里面的处理函数接受三个参数,分别指代当前元素.当前元素的索引.数组本身.(IE9以下不支持,对老旧浏览器的兼容性方法参考这里) /**** 原生map() ****/ var arrTmp = [1,2,3]; var arrDouble = arrTmp.map(f

DOM对象与jquery对象有什么不同

jQuery对象和DOM对象使用说明,需要的朋友可以参考下. 1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;代码如下: 1 var domObj = document.getElementById("id"); //DOM对象 2

锋利的jQuery——DOM对象与jQuery对象的区别

DOM对象 <h3>例子</h3> <p title="选择你喜欢的水果">你最喜欢的水果是?</p> <ul> <li>苹果</li> <li>橘子</li> <li>菠萝</li> </ul> <h3><p><ul><li>都是DOM对象,在javascript中可以使用getElementB

Dom对象和Jquery对象区别详解

js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的$("#save").disabled = true;  为什么没效果呢 这个是典型的问题,其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象  解决方法有2: 1,用JQ写法,$("#save").attr("disabled","true");