Jquery遍历数组之$.inArray()方法介绍
时间:2022-04-24
本文章向大家介绍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;返回值正常,这时的obj是{"name":"张三"}的引用;
(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是一种弱类型语言;
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Spark UDF加载外部资源
- Flink SQL FileSystem Connector 分区提交与自定义小文件合并策略
- Facebook面试题: 用递归和迭代手写Array.prototype.flat()
- Kubernetes插件之ip-masq-agent
- 抽丝剥茧Kotlin - 协程
- 使用Java8中的Optional类来消除代码中的null检查
- 通俗讲解从Transformer到BERT模型!
- 「R」使用有限混合模型
- Kaggle经典数据分析项目:泰坦尼克号生存预测!
- 零基础学习梯度下降算法
- Spring JPA 依赖配置
- Spring JPA 核心概念
- Spring JPA 查询
- 初学者指南:利用SVD创建推荐系统
- 聊一聊面试中经常被问到的Tree Shaking