Jquery遍历数组之$.inArray()方法介绍

$.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回-1;

$.inArray(value,array)    --value是要查找的值,array是被查找的数组。

使用$.inArray()方法必须注意的点,否则会掉坑

(1)看如下代码:

        $(function () {
              var arr=[{"name":"张三"},{"name":"李四"},{"name":"王五"}];
              alert($.inArray({"name":"张三"}, arr));
        });

上面这段代码不仔细分析怎么看都没有错,但是返回值是-1。下面来分析下原因发现:

错误的原因是{"name":"张三"}和{"name":"张三"}是两个不同的引用;所以在arr数组里面找不到{"name":"张三"}这个对象;代码如果这样改就可以了

        $(function () {
            var obj = { "name": "张三" };
            var arr = [{ "name": "李四" }, obj, { "name": "王五"}];
            alert($.inArray(obj, arr));
        });

这段代码返回的就是1;返回值正常;

(2)大家都知道javascript是一种弱类型语言,对于数字类型和字符类型,可以随意切换(例如:1+""="1");所以有以下一段代码:

        $(function () {
            var arr = [1, 2, 3, 4, 5];            var a = 2;            alert($.inArray(a, arr));
        });

这段代码返回正常值为1;

        $(function () {
            var arr = [1, 2, 3, 4, 5];
            var a = "2";
            alert($.inArray(a, arr));
        });

当把a的值改为字符串2返回值就出错了为-1;所以各位在使用这个$.inArray()方法时,一定要确保数据类型是一样的,虽然javascript是一种弱类型语言;

时间: 2024-10-23 12:59:56

Jquery遍历数组之$.inArray()方法介绍的相关文章

Jquery 遍历数组之grep()方法介绍

grep()方法用于数组元素过滤筛选. grep(array,callback,boolean);方法参数介绍. array   ---待处理数组 callback  ---这个回调函数用来处理数组中的每个元素,并过滤元素,该函数包含两个参数,第一个参数是当前数组元素的值,第二个参数是当前数组元素的下标,返回值是一个布尔值. 下面是grep()方法的源代码: //grep函数,第三个参数表示是否根据fn的结果取反! grep: function( elems, callback, invert

Jquery 遍历数组之$().each方法与$.each()方法介绍

$().each() 对于这个方法,在dom处理上用的比较多,如果一个html页面上面有多个checkbox,这时用$().each来处理checkbox是比较不错的; $("input[type='checkbox']").each(function(i){ $(this).attr("checked",true); }); 回调函数里面的i在此处代表input集合传递过去的索引(也就是正在遍历的input元素的索引): 但是这段代码只用到了input集合的索引

javascript 中遍历数组的简单方法

在Javascript中有自带方便遍历数组的方法(此方法非彼方法不要误会哦): 1 .利用for( index in array ){}; 2.利用 array.forEach( function(element, index) {}: 但是它们两个是怎么遍历数组的呢,是正序还是倒序呢? <script> var arr = ["a","b","c","d","e"]; for (key in

jQuery操作数组的工具方法

1.前言 很多时候,jQuery的$()函数都返回一个类似数组的jQuery对象,例如$("div")将返回由页面中所有<div-/>元素包装成jQuery对象,这个jQuery对象实际上包含了多个<div-/>元素对应的DOM对象.在这种情况下,jQuery提供了以下几个常用属性和方法来操作类数组的jQuery对象. 1)        length:该属性返回jQuery里包含的DOM元素的个数 2)        context:该属性返回获取jQuery

遍历数组元素的方法

forEach():没有返回值,只是针对每个数组项调用指定的函数(callbackfn) every(): 返回一个布尔值(true或false),判断每个数组项是否符合指定函数的条件,符合为true,反之为false some(): 返回一个布尔值(true或false),判断每个数组项是否符合指定函数的条件,只要有任何一项返回为true,就会返回true filter(): 每个数组项调用指定的函数,条件为true的将返到一个新数组中 map(): 每个数组项调用指定的函数,返回每次函数调用

js遍历数组的错误方法

for (var index in myArray) { // don't actually do this console.log(myArray[index]); } 缺点: 数组的索引值index是String类型的“0”,“1”,“2”等等,而不是Number类型.当你进行算术运算时(“2”+1==“21”)也许并不是你期望的结果,所以运算前需要类型转换,这很不方便. 循环体不仅会遍历数组的元素,甚至连expando属性也遍历出来了.举个例子,如果你的myArray数组中有一个叫做nam

关于jQuery的inArray 方法介绍

例如: 代码如下: $.get('aaaaa.ashx',null,function(d){ // 假设d 返回 的值为 1,3,43,23,54,67 var arr = d.split(','); $.inArray(3,arr) ==-1 //true //为什么啊 //如果写成这样的 var arr = eval('['+d+']'); $.inArray(3,arr) >-1 //true }); 这是为什么呢? 望知道的朋友跟贴回复下. jquery inArray()函数详解 jq

js,jquery遍历数组,对象

each的用法  1.数组中的each 复制代码 var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为:one,two,three,four var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] $.each(arr1, function

jQuery 遍历 - eq() 和siblings() 方法

eq() 方法将匹配元素集缩减值指定 index 上的一个. 通过为 index 为 2 的 div 添加适当的类,将其变为蓝色: <!DOCTYPE html> <html> <head> <style> div { width:60px; height:60px; margin:10px; float:left; border:2px solid blue; } .blue { background:blue; } </style> <