前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Jquery遍历数组之$.inArray()方法介绍

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

作者头像
郑小超.
发布2018-01-24 15:01:39
6570
发布2018-01-24 15:01:39
举报
文章被收录于专栏:GreenLeavesGreenLeaves

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

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

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

(1)看如下代码:

代码语言:javascript
复制
        $(function () {
              var arr=[{"name":"张三"},{"name":"李四"},{"name":"王五"}];
              alert($.inArray({"name":"张三"}, arr));
        });

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

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

代码语言:javascript
复制
        $(function () {
            var obj = { "name": "张三" };
            var arr = [{ "name": "李四" }, obj, { "name": "王五"}];
            alert($.inArray(obj, arr));
        });

这段代码返回的就是1;返回值正常,这时的obj是{"name":"张三"}的引用;

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

代码语言:javascript
复制
        $(function () {
            var arr = [1, 2, 3, 4, 5];
            var a = 2;
            alert($.inArray(a, arr));
        });

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

代码语言:javascript
复制
        $(function () {
            var arr = [1, 2, 3, 4, 5];
            var a = "2";
            alert($.inArray(a, arr));
        });

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-07-04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档