arr1.indexOf(item) === index 是什么意思

时间: 2023-05-18 15:04:08 浏览: 197

为JS扩展Array.prototype.indexOf引发的问题及解决办法

Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历的时候却出现了问题。代码如下: Array.prototype.indexOf = function(item) { for (var i = 0; i < this.length; i++) { if (this[i] == item) return i; } return -1; } 用的时候直接代码如下: 在JavaScript中，`Array.prototype.indexOf` 是一个非常实用的方法，用于在数组中查找指定元素的索引。然而，由于早期的JavaScript版本不内置这个方法，开发者有时会通过扩展`Array.prototype`来自定义它，以便在所有数组上使用。在本文中，我们将探讨这种自定义扩展可能引发的问题以及如何解决这些问题。自定义`Array.prototype.indexOf` 的代码如下： ```javascript Array.prototype.indexOf = function(item) { for (var i = 0; i < this.length; i++) { if (this[i] == item) return i; } return -1; } ``` 这个方法允许我们在数组上调用`indexOf`，就像在原生支持此方法的浏览器中一样。例如： ```javascript var arr = [1, 2, 3, 4, 5]; var index = arr.indexOf(1); // index == 0 ``` 然而，当使用`for...in`循环遍历数组时，问题出现了。`for...in`循环设计用来遍历对象的所有可枚举属性，包括数组的索引和在原型链上的属性。在以下示例中，我们期望只输出数组元素： ```javascript var a = ["张飞", "关羽", "刘备", "吕布"]; for (var p in a) { document.write(p + "=" + a[p] + "<br/>"); } ``` 结果，除了预期的数组元素外，还输出了自定义的`indexOf`方法。这是因为在`for...in`循环中，自定义的`indexOf`被视为数组的一个属性。在Firefox 3.5（支持JavaScript 1.8）中，由于内置了`Array.prototype.indexOf`，所以不会输出这个自定义方法，而在只支持JavaScript 1.3的IE8中，`indexOf`被认为是用户定义的属性。为了解决这个问题，可以利用JavaScript的`hasOwnProperty`方法。`hasOwnProperty`是一个内置方法，用于检查对象是否具有指定的直接属性，而不是继承自原型链的属性。因此，我们可以修改`for...in`循环，添加`hasOwnProperty`的判断： ```javascript for (var p in a) { if (a.hasOwnProperty(p)) { document.write(p + "=" + a[p] + "<br/>"); } } ``` 这样，只有数组的元素（索引）会被输出，自定义的`indexOf`方法将被忽略。此外，这里还有一个关于`hasOwnProperty`的使用示例： ```javascript function Book(title, author) { this.title = title; this.author = author; } Book.prototype.price = 9.99; Object.prototype.copyright = "herongyang.com"; var myBook = new Book("JavaScript Tutorials", "Herong Yang"); // 检查对象自身的属性，不包含原型链上的属性 console.log(myBook.hasOwnProperty("title")); // true console.log(myBook.hasOwnProperty("price")); // false console.log(myBook.hasOwnProperty("copyright")); // false ``` 总结来说，自定义`Array.prototype.indexOf`虽然方便了代码编写，但在使用`for...in`循环时可能导致意外的结果。通过结合`hasOwnProperty`方法，我们可以确保只遍历数组的元素，避免遍历到自定义的属性或方法。对于已经广泛使用自定义`indexOf`的老项目，这个解决方案可以帮助你在保持兼容性的同时，正确地遍历数组。

这是一个 JavaScript 中用于判断数组中是否存在指定元素的方法，如果存在则返回该元素在数组中的索引值，否则返回 -1。其中，arr1 表示要进行判断的数组，item 表示要查找的元素，index 表示该元素在数组中的索引值。如果该元素在数组中的索引值等于 index，则表示该元素是第一次出现在数组中。

阅读全文

arr1.indexOf(item) === index 是什么意思

相关推荐

js代码-arr.splice方法测试,插入 ，删除，替换 测试 arr indexOf 对对象的对比

JavaScript从数组的indexOf()深入之Object的Property机制

arr.indexof

实现当arr某个下标的fields里的fields[t].fieldname== 'cardtype’的选项的value的值发生变化是时，就触发toNerify这个方法

js arr.findindex

js arr的indexof函数

在js中.indexOf()函数

4、数组去重. var arr = ['第一','第一','第二','第五','第五','第八','第七','第九','1','1','2'];

indexOf >-1

js indexof

VUE v-for循环数组arr，div中显示对象中的某一值item.name，div横向排列，超出设定的长度时，div则自动换行，点击某一item.name时如何确定点击的元素是第几行的

indexof检验对象

C#数组indexof

基于 C++构建 Qt 实现的 GDAL 与 PROJ4 的遥感图像处理软件课程设计

最新推荐

基于 C++构建 Qt 实现的 GDAL 与 PROJ4 的遥感图像处理软件课程设计

C语言数组操作：高度检查器编程实践

管理建模和仿真的文件

【KUKA系统变量进阶】：揭秘从理论到实践的5大关键技巧

如何使用Python编程语言创建一个具有动态爱心图案作为背景并添加文字'天天开心（高级版）'的图形界面？

基于Swift开发的嘉定单车LBS iOS应用项目解析

"互动学习：行动中的多样性与论文攻读经历"

PROTEUS符号定制指南：个性化元件创建与修改的全面攻略

https://www.lagou.com/wn/爬取该网页职位名称，薪资待遇，学历，企业类型，工作地点数据保存为CSV文件的python代码

钗头凤声乐表演的二度创作分析报告

js代码-arr.splice方法测试,插入，删除，替换测试 arr indexOf 对对象的对比