判断数组是否包含某个元素的js函数实现方法

本文以实例的形式总结了jQuery的常见实用函数。分享给大家供大家参考之用。具体示例如下:

Array.prototype.contains = function { var i = this.length; while  { if  { return true; } } return false;}

Array.prototype.contains = function { for (var i = 0; i < this.length; i++) { if  { return true; } } return false;}

Array.prototype.in_array = function { for(i=0; i还有一个大牛是这样写的:Array.prototype.S = String.fromCharCode;Array.prototype.in_array = function { var r = new RegExp; return (r.test(this.S+this.join;}

1.修剪字符串

使用方法就是 :

$.val.val

3.筛选数组,判断数组是否包含某个元素的js函数实现方法home88一必发。var arr=[“a”,”b”];

2.遍历集合

据说while减迭代是js里最快的一种方法,不知道是不是真的,出自

var anArray = ['one','two'];for(var n = 0; n < anArray.length; n++){ }

var anObject = {one: 1, two: 2};for{ }

但有了$.each函数后,就可以这样写了:

这里讨论的很激烈,建议去看看,如果有使用jQuery的话,直接使用jQuery实现的方法,参考地址:

var anArray = ['one','two'];$.each(anArray, funtionvar anObject = {one: 1, two: 2};$.each(anObjct, function

3.筛选数组

以上这篇判断数组是否包含某个元素的js函数实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

使用$.grep()方法能筛选数组。先来看grep方法的定义:

grep: function{ var ret = [], retVal; inv = !!inv; for(var i = 0; length = elems.length; i < length; i++){ retVal = !!callback if{ ret.push; } } return ret;}

以上示例中:①
grep方法的第二个参数是回调函数,该回调函数接收2个参数,一个是数组的元素,一个是数组的索引。②
grep方法的第三个参数inv,默认情况下是undefined,所以!!inv为false,即inv的默认值是false

举例1:int类型数组

var arr = [1, 2, 3, 4, 5, 6];arr = $.grep(arr, function{ return val > 3;})console.log;//结果是:4 5 6

如果把grep的第三个参数显式地设置为true,结果怎样呢?

var arr = [1, 2, 3, 4, 5, 6];arr = $.grep(arr, function{ return val > 3;}, true)console.log;//结果是:1 2 3

可见,当把grep方法的第三个参数设置为true后,会把不符合回调函数的数组元素过滤出来。

举例2:object类型数组

var arr = [ { first: "Jeffrey", last: 'Way' },{ first: 'Allison', last: 'Way' },{ first: 'John', last: 'Doe' },{ first: 'Thomas', last: 'Way' }; arr = $.grep(arr, function{ return obj.last === 'Way'; }); console.log;];

4.转换数组

使用$.map为数组的每一个元素调用回调函数,并返回一个新的数组

给数组的每一个元素加1:

var oneBased = $.map([0, 1, 2, 3, 4], function{return value +1;})

把字符串数组转换成整型数字数组,判断数组元素是否是数字:

var strings = ['1', '2', '3','4','S','6'];var values = $.map(strings, function{ var result = new Number; return isNaN ? null : result;})

把转换后的数组合并到原先的数组中:

var chars = $.map(['this','that'], function{return value.split;

5.返回数组元素的索引

使用$.inArray返回传入的值第一次出现的下标,即索引。

var index = $.inArray;

6.将对象转换成数组

$.makeArray将传入类似数组的对象转换成Javascript数组。

FirstSecondThirdFourth var elems = document.getElementsByTagName; var arr = jQuery.makeArray; $.appendTo;

7.得到不含重复元素的数组

使用$.unique返回由原始数组中不重复的元素组成的数组。

There are 6 divs in this document.//把到所有div,get方法转换成javascript数组,总共6个divvar divs = $;//再把3个class名为dup的div合并到前面的6个divdivs = divs.concat;alert; //9个div//过滤去掉重复divs = jQuery.unqiue;alert;//6个div

8.合并2个数组

$.merge把第二个数组合并到第一个数组中,并返回第一个数组。

var a1 = [1, 2];var a2 = [2, 3];$.merge;console.log;//[1, 2, 2, 3]

9.把对象序列化成查询字符串

$.param把传入的jquery对象或javascript对象转换成字符串形式。

$.ready{ personObj=new Object(); personObj.firstname="John"; personObj.lastname="Doe"; personObj.age=50; personObj.eyecolor="blue"; $.click.text; });});

结果:firstname=John&lastname=Doe&age=50&eyecolor=blue

10.一些判断函数

$.isArray
如果o是javascript数组,则返回true,如果是类似数组的jquery对象数组,返回false$.isEmptyObject
如果o是不包含属性的javascript对象,则返回true$.isFunction
如果o是javascript函数就返回true$.isPlainObject 如果o是通过{}或new
Object()创建的对象,则返回true$.isXMLDoc
如果node是XML文档或者是XML文档中的节点,则返回true

11.判断一个元素是否包含在另外一个元素中

$.contains第二个参数是被包含

$.contains( document.documentElement, document.body ); // true$.contains( document.body, document.documentElement ); // false

12.把值存储到某元素上

$.data第一个是javascript对象,第二、第三个是键值。

//得到一个div的javascript对象var div = $[0];//把键值存储到div上jQuery.data(div, "test",{ first: 16, last: 'pizza'})//根据键读出值jQuery.data.firstjQuey.data.last

13.移除存储到某元素上的值

value1 before creation: value1 after creation: value1 after removal: value2 after removal: var div = $[ 0 ];//存储值jQuery.data( div, "test1", "VALUE-1" );//移除值jQuery.removeData;

14.绑定函数的上下文

jQuery.proxy返回一个新的function函数,上下文是context。

 $.ready{ var objPerson = { name: "John Doe", age: 32, test: function.after("Name: " + this.name + "
 Age: " + this.age); } }; $.click($.proxy;

以上,点击按钮,执行的是test方法,不过test方法的上下文做了设置。

15.解析JSON

jQuery.parseJSON第一个参数json的类型是字符串。

var obj = jQuery.parseJSON( '{ "name": "John" }' );alert( obj.name === "John" );

16.表达式求值

有时候,希望一段代码在全局上下文中执行,可以使用jQuery.globalEval。code的类型是字符串。

function test() { jQuery.globalEval( "var newVar = true;" )}test();

17.动态加载脚本

$.getScript(url,success用来动态加载js文件,第一个参数是js的文件路径,第二个参数可选,表示获取js文件成功的回调。

$.getScript( "ajax/test.js", function( data, textStatus, jqxhr ) { console.log; // Data returned console.log; // Success console.log; // 200 console.log( "Load was performed." );});

相信本文所述对大家的jQuery程序设计有一定的借鉴价值。

相关文章