jq 组装数组_Jquery 数组操作

1、数组的创建

var arrayObj = new Array(); //创建一个数组

var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

2、数组的元素的访问

var testGetArrValue=arrayObj[1]; //获取数组的元素值

arrayObj[1]= "这是新值"; //给数组元素赋予新的值

3、数组元素的添加

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度

arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度

arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

4、数组元素的删除

arrayObj.pop(); //移除最后一个元素并返回该元素值

arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移

arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

5、数组的截取和合并

arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素

arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

6、数组的拷贝

arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向

arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向

7、数组元素的排序

arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址

arrayObj.sort(); //对数组元素排序,返回数组地址

8、数组元素的字符串化

arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。

toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

9.过滤数组

$.grep(array, callback, [invert]) 过滤数组,此函数至少传递两个参数(第三个参数为true或false,表示是否取反): 待过滤数组和过滤函数. 过滤函数必须返回 true 以保留元素或 false 以删除元素

grep(array,callback,invert)

array:待过滤数组;

callback:处理数组中的每个元素,并过滤元素,该函数中包含两个参数,第一个是当前数组元素的值,一个是当前数组元素的下标,即元素索引 值,,此函数应返回一个布尔值 如$.grep(arr,function(value,index){return index>1;});。另外,此函数可设置为一个字符串,当设置为字符串时,将视为“lambda-form”(缩写形式?),其中 a 代表数组元素,i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”

invert:布尔型可选项,默认值false,值为true或false。 如果 “invert” 为 false 或为设置,则函数返回数组中由过滤函数返回 true 的元素,当”invert” 为 true,则返回过滤函数中返回 false 的元素集。

扩展:

1.使用grep删除指定值

var arr = [1, 2, 3, 4, 5];

var removeItem = 2;

arr =$.grep(arr, function(value) {

return value !=removeItem;

});

2.数组遍历

不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出 each 循环可使回调函数返回 false, 其它返回值将被忽略

var _mozi=['墨家','墨子','墨翟','兼爱非攻','尚同尚贤']; //本文所用到的数组, 下同

$.each(_mozi,function(key,val){

//回调函数有两个参数,第一个是元素索引,第二个为当前值

alert('_mozi数组中 ,索引 : '+key+'对应的值为: '+val);

});

3. $.map(array,[callback])按给定条件转换数组 [一般]

解释:作为参数的转换函数会为每个数组元素调用, 而且会给这个转换函数传递一个表示被转换的元素作为参数. 转换函数可以返回转换后的值、null(删除数组中的项目)或一个包含值的数组, 并扩展至原始数组中.

这个是个很强大的方法,但并不常用. 它可以根据特定条件,更新数组元素值,或根据原值扩展一个新的副本元素.

var _mapArrA=$.map(_mozi,function(val){

return val+'[新加]';

});

var _mapArrB=$.map(_mozi,function(val){

return val=='墨子' ? '[只给墨子加]'+val : val;

});

var _mapArrC=$.map(_mozi,function(val){

//为数组元素扩展一个新元素

return [val,(val+'[扩展]')];

});

alert('在每个元素后面加\'[新加]\'字符后的数组为: '+_mapArrA);

alert('只给元素 墨子 添加字符后的数组为: '+_mapArrB);

alert('为原数组中每个元素,扩展一个添加字符\'[新加]\'的元素,返回的数组为 '+_mapArrC);

4 .$.inArray(val,array)判断值是否存在于数组中[常用]

解释: 确定第一个参数在数组中的位置, 从0开始计数(如果没有找到则返回 -1 ).

得indexOf()方法了吗?

indexOf()返回字符串的首次出现位置,而$.inArray()返回的是传入参数在数组中的位置,同样的,如果找到的,返回的是一个大于或等于0

的值,若未找到则返回-1.

var _exist=$.inArray('墨子',_mozi);

var _inexistence=$.inArray('卫鞅',_mozi)

if(_exist>=0){

alert('墨子 存在于数组_mozi中,其在数组中索引值是: '+_exist);

}

if(_inexistence<0){

alert('卫鞅 不存在于数组_mozi中!,返回值为: '+_inexistence+'!');

}

5 .$.merge(first,second)合并两个数组[一般]

解释: 返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素.

这个方法是用jQuery的方法替代原生concat()方法, 但功能并没有concat()强大, concat()可以同时合并多个数组.

//原生concat()可能比它还简洁点

_moziNew=$.merge(_mozi,['鬼谷子','商鞅','孙膑','庞涓','苏秦','张仪'])

alert('合并后新数组长度为: '+_moziNew.length+'. 其值为: '+_moziNew);

6 .$.unique(array)过滤数组中重复元素[不常用]

解释: 删除数组中重复元素. 只处理删除DOM元素数组,而不能处理字符串或者数字数组.

var _h2Arr=$.makeArray(h2obj);

//将数组_h2Arr重复一次

_h2Arr=$.merge(_h2Arr,_h2Arr);

var _curLen=_h2Arr.length;

_h2Arr=$.unique(_h2Arr);

var _newLen=_h2Arr.length;

alert('数组_h2Arr原长度值为: '+_curLen+',过滤后为: '+_newLen+'.共过滤 '+(_curLen-_newLen)+'个重复元素')

7. $.makeArray(obj) 将类数组对象转换为数组[不常用]

解释: 将类数组对象转换为数组对象, 类数组对象有 length 属性,其成员索引为0至 length-1.

这是个多余的方法, 无所不能的$本来就包含了这个功能. jQuery官网上解释的非常模糊. 其实, 它就是将某个类数组对象(比如用getElementsByTagName获取的元素对象集合)转换成数组对象.

var _makeArr=$.makeArray(h2obj);

alert('h2元素对象集合的数据类型转换为: '+_makeArr.constructor.name);//输出Array

8. $(dom).toArray()将所有DOM元素恢复成数组[不常用]

解释: 把jQuery集合中所有DOM元素恢复成一个数组; 并不常用的方法, 个人甚至觉得它和$.makeArray一样多余.

var _toArr=$('h2').toArray();

alert('h2元素集合恢复后的数据类型是: '+_toArr.constructor.name);

参考:

http://www.open-open.com/lib/view/open1372393730385.html

http://www.jb51.net/article/57883.htm

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/260029.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android 官方说明文档,Android官方文档翻译-Accessibility

标签元素向用户提供解释每个可互动元素的意义和目的有用且形象的标签是非常重要的。这些标签允许屏幕阅读者(比如 TalkBack )正确向用户解释每个控制器的功能。你可以使用一下两个方法提供元素的标签&#xff1a;当展示在 Activity 的整个生命周期中都不会改变样式的静态元素时…

USACO 2.4.1 The Tamworth Two

牛和农夫按照固定的走法在10x10的地图中走&#xff0c;每分钟走一步&#xff0c;求经过几分钟相遇。永远不能相遇输出0. 纯模拟的题。 判断永远不能相遇的方法是如果遇到了一个先前的状态&#xff0c;那么肯定存在循环&#xff0c;必定不能相遇。 程序中把状态表示为牛和农夫的…

013,spring boot下JedisCluster客户端的配置,连接Redis集群

2019独角兽企业重金招聘Python工程师标准>>> 1&#xff0c;pom依赖添加&#xff1a; <dependency> <groupId>redis.clients</groupId> <artifactId>jedis</artifactId> <type>jar</typ…

android控件使用大全,Android常见控件使用详解

本文实例为大家分享了六种Android常见控件的使用方法&#xff0c;供大家参考&#xff0c;具体内容如下1、TextView 主要用于界面上显示一段文本信息2、Button 用于和用户交互的一个按钮控件//为Button点击事件注册一个监听器public class Click extends Activity{private Butto…

Ubuntu 12.10使用apt安装Oracle/Sun JDK

Ubuntu 12.10使用apt安装Oracle/Sun JDK apt-get install python-software-properties sudo add-apt-repository ppa:webupd8team/java sudo apt-get update sudo apt-get install oracle-java6-installerposted on 2014-09-05 13:30 fastdream 阅读(...) 评论(...) 编辑 收藏 …

Afterthought 原来是这样的啊。。。。

$(ProjectDir)Libs\Afterthought\Afterthought.Amender.exe "$(TargetPath)" "$(TargetDir)EntityFramework.Patterns.dll" 我实际上分析代码好久&#xff0c;也没整明白它是怎么运行的&#xff0c;看一下官方文档明白了&#xff0c;原来。。。 Next, add …

查询

增加文本1. create database test删除文本2. drop database test3. create table info( code int primary key, name varchar(20) not null)auto_increment 自增长列foreign key(列名) references 主表名(列名) 外键关系4. drop table infoCRUD:增加语法1.insert into 表…

android 监听界面变化,Android之页面有变化用onWindowFocusChanged来监听权限是否开启...

1 问题我们需要在Activity里面监听网络变化、热点是否开启和关闭、GPS服务是否开启、位置权限是否开启等一些列行为。2 思路方法一&#xff1a;如果是需要启动activity进行权限申请&#xff0c;我们可以用如下组合模式var intent Intent(Settings.ACTION_LOCATION_SOURCE_SETT…

逐步优化求解最大子序列和

求解最大子序列和 tag&#xff1a; 数据结构与算法 最大子序列和问题&#xff1a; 给定序列A1, A2&#xff0c;... AN&#xff0c; 求最大的子序列和。 例如 &#xff1a;   对于序列4, -3, 5, -2, -1, 2, 6, -2&#xff0c; 最大序列和为11&#xff08;4 -3 5 - 2 - 1 2 …

POJ 1228 —— “稳定”凸包

POJ 1228 Grandpas Estate 这是个好题目&#xff0c;同时也是个不和谐的题目&#xff08;不和谐原因是题目出的存在漏洞&#xff0c;数据弱&#xff0c;而且有些条件没给清楚&#xff0c;为了一个SB错误无限WA之后&#xff0c;终于AC&#xff09; 题意就废了我好长时间&#xf…

pythonflaskmock数据_Flask实现简单Mock Server

Mock Server充当的角色&#xff1a;Mock server在实际项目中的意义就相当于数据库。将我想要的数据返回给我就行&#xff0c;我并不关心你怎么逻辑处理的。一般的应用程序请求方式是GET和POST。Flask自带的request使用:request.url获取当前的请求url全路径地址&#xff0c;requ…

在Application_Error事件中获取当前的Action和Control

ASP.NET MVC程序处理异常时&#xff0c;方法有很多&#xff0c;网上也有列举了6种&#xff0c;下面是使用全局处理在Global.asax文件的Application_Error事件中实现。既然是ASP.NET MVC,我需要捕捉到Controller和Action名称。怎样实现可以参考下面代码&#xff1a; 程序运行结果…

android 真机 sqlite3,在android真机上使用sqlite3

#zijun#2013.10.29#QQ:223663737在android真机上使用sqlite3前期准备:1:保证手机已经ROOT操作步骤:1 : 打开CMD2 : 进入android linuxadb shell3 :切换到root权限su - root4 : 修改system目录为可读写权限mount -oremount,rw -t yaffs2 /dev/block/mtdblock3 /system5 :拷贝文件…

【ORACLE技术嘉年华PPT】MySQL压力测试经验

这是2013.11.18在第三届ORACLE技术嘉年华上的主题演讲PPT。点击这里&#xff1a;本地下载PPT。--------------------------------------分割线--------------------------------------知数堂 &#xff08;http://zhishuedu.com&#xff09;培训是由资深MySQL专家叶金荣、吴炳锡…

EditText 空指针问题

今天在Android中碰到了这样一个问题&#xff0c;其实应该很少人会碰到&#xff0c;因为只有像我这种奇葩才会犯这种错误。 但既然解决了&#xff0c;我就想在这里跟大家分享一下&#xff0c;毕竟它困扰了我一个白天啊。。。不多说了&#xff0c;看下面。。。 其实问题很简单&am…

ios跨线程通知_iOS多线程开发(三)---Run Loop(一)

Run LoopRun Loop就是一个事件处理的循环&#xff0c;用来不停的调动工作以及处理输入事件。使用Run Loop的目的就是节省CPU效率&#xff0c;线程在有工作的时候忙于工作&#xff0c;而没工作的时候处于休眠状态。一&#xff0c;Run Loop剖析Structure of a Run Loop and its s…

android播放flv,Android:从url播放flv视频流

我目前有一个应用程序&#xff0c;它可以记录视频并将其上传到我的服务器。在上传视频之后&#xff0c;应用程序会获得一个响应&#xff0c;该响应包含指向该文件的flv流的URL。Android&#xff1a;从url播放flv视频流当我尝试在android默认视频播放器(视频)中打开流时什么也没…

1.关于浏览器

一、认识主流浏览器 Chrome谷歌浏览器Safari苹果浏览器Firefox火狐浏览器Opera欧朋浏览器 二、浏览器内核是什么&#xff1f; 三、五大浏览器&#xff0c;四大内核 四、前端做网页开发用什么浏览器&#xff1f; Chrome谷歌浏览器。

About me [my way]

就要除夕了。假日的到来&#xff0c;心情瞬间就闲适了下来。早早上了床&#xff0c;看看电脑还有30%的电&#xff0c;想到一些事情&#xff0c;顺带纪录一下吧。 今年坚持上班到了除夕的前一天&#xff0c;爸妈来工作的城市陪我过年了。感谢他们。前几天就已经看帖子有说仍在上…

明天要中秋节了,先来到简单“类”的题目

2-1 Point类的定义 Time Limit: 1000MS Memory limit: 65536K 题目描述 通过本题目的练习可以掌握类与对象的定义&#xff1b; 设计一个点类Time&#xff0c;它具有私有数据成员x(横坐标)、y(纵坐标)&#xff1b;公有成员函数&#xff1a;SetPoint(int,int)用于设置点对象的值&…