http://jquery.cuishifeng.cn/

1.$.trim(str)  去掉字符串首尾空格。(jQuery.trim())

在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。

2.$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:

$(“input[name=’ch’]”).each(function(i){
if($(this).attr(‘checked’)==true)
{
//一些操作代码

}回调函数是可以传递参数,i就为遍历的索引。

对于遍历一个数组,用$.each()来处理,例如:

$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”},function(i,n)
{
alert(“索引:”+i,”对应值为:”+n.name);
});

参数i为遍历索引值,n为当前的遍历对象.

var arr1 = [ “one”, “two”, “three”, “four”, “five” ];
$.each(arr1, function(){
alert(this);
});
输出:one   two  three  four   five
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
alert(item[0]);
});
输出:1   4   7
var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
alert(obj[key]);
});
输出:1   2  3  4  5

http://www.frontopen.com/1394.html

3.$.extend()

第一个用法:用一个或多个其他对象来扩展一个对象,返回被扩展的对象 。jQuery.extend(target,object1,[objectN]):用于将object1、objectN的属性合并到target对象里,如果target里面有和object1、objectN同名属性,则object1、objectN的属性值将覆盖target的属性值,如果target不包含object1、objectN里所包含的属性值,则object1、objectN的属性值将会新增到target对象里。

第二个用法:jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。可以理解为添加静态方法

$.extend({
add:function(a,b){return a+b;},
minus:function(a,b){return a-b},
multiply:function(a,b){return a*b;},
divide:function(a,b){return Math.floor(a/b);}
});
var sum = $.add(3,5)+$.minus(3,5)+$.multiply(3,5)+$.divide(5,7);
console.log(sum);

4.$.grep()方法是按照某种条件来过滤数组,所以使用 $.grep() 方法可以从数组中过滤出我们想要的结果。

var nums='1,2,3,4,5,jQuery,Css,5'.split(',');split() 方法用于把一个字符串分割成字符串数组。

可见数组中有数字和字符串,如果我们想找出其中的字符串,我们可以直接使用 $.grep() 方法来完成这个任务,如下:

nums = $.grep(nums, function (num, index) { // num = 数组元素的当前值  // index = 当前值的下标 return isNaN(num);//isNaN() 函数用于检查其参数是否是非数字值。 }); console.log(nums); //结果为: ["jQuery", "CSS"]  

我们很容易想到 $.map() 方法,$.map() 方法可将一个数组转换为另一个数组,所以,使用 $.map() 方法也可以完成这个任务,如下:

nums = $.map(nums, function (num, index) { //和$.grep() 的区别 //return isNaN,得到结果为:[true, true] return isNaN(num) ? num : null; }); console.log(nums); // ["jQuery", "CSS"] 5.$.isArray()判断一个对象是不是数组 $.isArray( [ 10, 25, 3 ] ) ; // true $.isArray( new Array() ) ; // true $.isArray( null ) ); // false $.isArray( true ) ); // false $.isArray( { } ) ; // false6.$.inArray()
jquery.inarray(value,array)确定value在数组中的位置(如果没有找到则返回 -1 )。7.$.makeArray( object )Object需要转换为数组的类数组对象。一个类数组对象,它至少应该具备length属性,哪怕其值为 0,它可以没有"元素"(相当于空数组)。

如果参数Object没有length属性,则它不是类数组对象

类数组对象是非常常见的,例如我们经常使用的jQuery对象、NodeList对象以及函数内的arguments对象,都是类数组对象。它们都具有length属性,

而且通过数字属性来访问对应的元素或参数。不过,它们毕竟不是真正的数组对象,因此无法使用数组对象的内置方法。通过jQuery.makeArray()函数,

我们可以将类数组对象转换为一个真正的数组对象,从而使用数组对象的内置方法。

var obj = { 0:"CodePlayer", 1: "Hello", 2: 18, 3: true };obj.length = 4;// 类数组对象不是真正的数组w( obj instanceof Array ); // false instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。var arr = $.makeArray( obj );w( arr instanceof Array ); // truew( arr.join(" ") ); // CodePlayer Hello 18 truew( arr.length ); // 48.jQuery.unique()函数用于根据元素在文档中出现的先后顺序对DOM元素数组进行排序,并移除重复的元素。注意:该函数仅作用于DOM元素数组,而不是数字、字符串或其他类型。此外,这里的重复指的是两个元素实际上是同一个元素(通过全等"==="来判断),而不是指两个属性相同的元素。9.jQuery.parseJSON()函数用于将格式完好的JSON字符串转为与之对应的JavaScript对象。

所谓"格式完好",就是要求指定的字符串必须符合严格的JSON格式,例如:属性名称必须加双引号、字符串值也必须用双引号。

如果传入一个格式不"完好"的JSON字符串将抛出一个JS异常

10.jQuery.parseXML()函数用于将字符串解析为对应的XML文档。

该函数将使用浏览器内置的解析函数来创建一个有效的XML文档,该文档可以传入jQuery()函数来创建一个典型的jQuery对象,从而对其进行遍历或其他操作。

  11.$.type(obj)来实现类型判断

12.jQuery.merge( first, second ) 返回: Array   合并两个数组内容到第一个数组。

$.merge( [0,1,2], [2,3,4] )
[0,1,2,2,3,4] 


转载于:https://www.cnblogs.com/hudandan/p/6093603.html

jquery 操作字符串、数组、对象常用方法相关推荐

  1. jquery生成一个li_如何使用jQuery从字符串数组生成UL Li列表?

    如何使用jQuery从字符串数组生成UL Li列表? 我有像这样的字符串数组 "美国","加拿大","阿根廷","亚美尼亚&quo ...

  2. JQuery操作类数组的工具方法

    JQuery学习之操作类数组的工具方法 在很多时候,JQuery的$()函数都返回一个类似数据的JQuery对象,例如$('div')将返回div里面的所有div元素包装的JQuery对象.在这中情况 ...

  3. 数组、字符串及对象-常用方法

    目录 1.数组方法 1.增删改: unshift.push.splice.shift.pop.splice.slice 1.unshift:在数组的头部添加内容 2.push:在数组的尾部添加内容 3 ...

  4. 关于jQuery对象(类数组对象)以及DOM对象相互转化问题——[object Object]和[object HTMLInputElement]

    之前在某官网课程上看有关jQuery和bootstrap的相关教程,有一节课是教我们如何制作价格菜单的按钮以及总价问题 选中按钮,按钮样式会发生变化,右上角价格会自动运算 6个菜单的html结构差不多 ...

  5. js内置对象常用方法

    js内置对象常用方法 JS内置对象: ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储.转化和表达 ● Array对象:提供一个 ...

  6. js之数组,对象,类数组对象

    2019独角兽企业重金招聘Python工程师标准>>> 许久不写了,实在是不知道写点什么,正好最近有个同事问了个问题,关于数组,对象和类数组的,仔细说起来都是基础,其实都没什么好讲的 ...

  7. 5.2 IO流(File类,Propertis配置文件,其他类(打印流,序列流,操作对象的流(序列化接口),随机访问文件的流,管道流,操作基本数据的流,操作数组的流,操作字符串的流),编码表)

    1.File类 IO流的流对象只能操作设备上的数据.File类:1.用来将文件或者文件夹(也称目录)封装成对象. 2.方便对文件和文件夹的属性信息进行操作.(操作文件夹,文件的属性(创建时间,修改时间 ...

  8. json对象、字符串-数组和数学对象中的相关方法、BOM对象、JS中的DOM操作

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 json对象 字符串对象的相关方法 获取字符串长度 length 清除两侧的空白 trim [ python的strip ] ...

  9. json 解析 转java对象数组对象数组对象_json字符串转java对象数组

    需要引入json-lib-2.2-jdk15.jar和ezmorph-1.0.6.jar包 String itemStar = request.getParameter("itemStar& ...

最新文章

  1. 缓存在哪里_APP下载的视频都在哪?教你将缓存视频拿出来
  2. Android移动开发者必须知道的Deep Linking技术
  3. 【SRM 716 DIV 1 A】 ConstructLCS
  4. B/S结构的一机多屏的技术论证及可行性讨论
  5. SQL SERVER-日期按时区转换
  6. proteus跑马灯仿真_不花费一分钱,实现跑马灯编程实验
  7. 第一章数据库系统基础
  8. Lambda表达式和流API:基本示例
  9. 复练-关于面试的科技树-V1004-求职面试的阶段和策略
  10. SpringBoot 2.1.5(20)---JSON
  11. java项目实战 学生信息管理系统(UI界面+连接数据库)
  12. 如何安装树莓派鱼眼摄像头模块
  13. Ansys电机控制系统分析
  14. android 8代号,Android 8.0来了:代号或是“奥利奥”
  15. PostGIS教程一:PostGIS介绍
  16. 六度短网址服务平台原理
  17. adb 进入 recovery adb 进入 bootloader
  18. 生成图片滑动验证码图片
  19. CSUOJ-1986: 玄学
  20. 建立个人网盘,乌版图安装updog

热门文章

  1. python2/python3安装pip/pip3及使用国内镜像源(python2/3同时安装)
  2. vue-cli工程目录结构及相关文件说明
  3. Scala集合:reduce(化简)方法使用示例
  4. spring aop环绕通知@Around
  5. Java中的LongAdder和AtomicLong有什么区别?
  6. mysql修改索引对交易影响吗_MySQL中字符串索引对update的影响分析
  7. centos6 lnmp安装mysql_centos6.5安装lnmp环境
  8. Qt 加载QML 文件的几种方式
  9. CSS中,float浮动的理解
  10. GitHub清除commit记录