浅谈jQuery源码（三）——$.inArray

男娘i 2022-06-17 06:50 211阅读 0赞

jQuery的inArray()方法在一个数组中查找匹配元素。

jQuery的inArray()源码如下：

core_deletedIds = [],
    core_indexOf = core_deletedIds.indexOf, // 相当于 core_indexOf = Array.indexOf;
    inArray: function(elem, arr, i) { // elem规定需检索的值，arr规定检索的数组，i可选，规定在数组中开始检索的位置，它的合法取值是0到arr.length-1，如省略该参数，则将从数组首元素开始检索。
    	var len;
    	if (arr) { // 原生的Array对象支持indexOf方法，直接调用
    		if (core_indexOf) 
    			return core_indexOf.call(arr, elem, i);
    	}
        len = arr.length;
        i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0; // 当i为负数时，从数组后边len+i的位置开始索引；当i不存在时，从数组首元素开始检索
        for (; i < len; i++) {
    		// (i in arr)判断是为了跳过稀疏数组中的元素
    		// 如 var arr = []; arr[2] = 1;
    		// 此时 arr == [undefined, undefined, 1]
    		// 0 in arr == false
    		// 1 in arr == false
    		// 2 in arr == true
    		// 但是，$.inArray(undefined, arr, 0)返回-1
    		if (i in arr && arr[i] === elem) 
    			return i;
    	}
    	return -1;
    },

若：

var arr = [undefined, 1];

则：

arr == [undefined, 1]
    0 in arr == true;
    arr.indexOf(undefined) == 0;
    arr[0] == undefined;

若：

var arr = []; a[1] = 1;

则：

arr == [undefined, 1]
    0 in arr == false;
    arr.indexOf(undefined) == -1;
    arr[0] == undefined;

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery.inArray() 函数详解

`jQuery.inArray()`函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。该函数属于全局`jQuery`对象。查询

谁践踏了优雅/ 2022年07月16日 02:15/ 0 赞/ 138 阅读

相关浅谈jQuery源码（八）——$.extend

jQuery的extend()方法由于扩展jQuery功能。通常写一个插件，会利用extend传进来的参数来覆盖插件原有的配置。 jQuery的extend()源码如下

妖狐艹你老母/ 2022年06月17日 06:57/ 0 赞/ 174 阅读

相关浅谈jQuery源码（七）——$.makeArray

jQuery的makeArray()方法将类数组对象转换为数组对象。 jQuery的makeArray()源码如下： makeArray: function(

小咪咪/ 2022年06月17日 06:54/ 0 赞/ 170 阅读

相关浅谈jQuery源码（六）——$.map

jQuery的map()方法把数组每一项经过callback处理后的值依次加入到返回数组中。 1、map()的用法： $.map( [1,2,3], func

Dear 丶/ 2022年06月17日 06:54/ 0 赞/ 159 阅读

相关浅谈jQuery源码（五）——$.merge

jQuery的merge()方法的作用是修改第一个数组，使得它末尾加上第二个数组。其实，允许第二个参数不为数组。 $.merge(\[0,1,2\], \[2,3,4\])

Dear 丶/ 2022年06月17日 06:53/ 0 赞/ 199 阅读

相关浅谈jQuery源码（四）——$.grep

jQuery的grep()方法是为了传入一个数组elems，通过过滤器callback后，等到过滤后的结果。其中callback就是过滤器，$.grep是根据其返回值过滤； i

「爱情、让人受尽委屈。」/ 2022年06月17日 06:52/ 0 赞/ 257 阅读

相关浅谈jQuery源码（三）——$.inArray

jQuery的inArray()方法在一个数组中查找匹配元素。 jQuery的inArray()源码如下： core_deletedIds = [],

男娘i/ 2022年06月17日 06:50/ 0 赞/ 212 阅读

相关浅谈jQuery源码（二）——$.each

jQuery的each()方法使得遍历一个数组或者对象的代码段变得十分的简洁。 1、each()的用法： 1) each接受2个参数：数组、回调函数（回调函数具有两个

Love The Way You Lie/ 2022年06月17日 06:49/ 0 赞/ 201 阅读

相关浅谈jQuery源码（一）——$.trim

jQuery的trim()方法用来去除字符串两端的空格。 jQuery的trim()源码如下： core_version = "1.9.0", cor

短命女/ 2022年06月17日 06:48/ 0 赞/ 232 阅读

相关 jQuery源码浅谈系列---工具方法$.merge与$.unique

很多人在使用jquery的时候应该多会有array去重或者合并的需求吧，那么你一定对$.merge和$.unique不会陌生吧。 1.$.merge----------

柔情只为你懂/ 2021年05月12日 11:50/ 0 赞/ 405 阅读