位置: 编程技术 - 正文

为JS扩展Array.prototype.indexOf引发的问题及解决办法(js扩展名是什么文件)

编辑:rootadmin

推荐整理分享为JS扩展Array.prototype.indexOf引发的问题及解决办法(js扩展名是什么文件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js的扩展名,js中的扩展运算符,js扩展函数,javascript 扩展,js扩展函数,javascript 扩展,js扩展名是什么文件,javascript 扩展,内容如对您有帮助,希望把文章链接给更多的朋友!

Array没有indexOf方法,这样在一个数组中查找某个元素的索引时比较麻烦,为了调用方便,于是通过prototype原型扩展了Array.prototype.indexOf(),这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历的时候却出现了问题。

用的时候直接

扩展了以后,用起来很爽很方便,一片和谐景象...

但是某次是遍历数组元素的时候,使用for..in..循环,引发了其他的问题,打破了这个和谐的氛围。

本来想输出这四个人的名字,结果输出的是什么呢?

输出的居然是:

除了把名字打出来以外,还额外输出了自己扩展的方法indexOf,但是令人疯狂的是,firefox却是“正常”的,只有四个人的人名,为什么会这样?

输出indexOf,自己扩展的,可以理解,毕竟for..in是遍历一个对象的所有用户定义的属性或者一个数组的所有元素。

那么firefox为什么不会?

后来查了资料才明白,

为JS扩展Array.prototype.indexOf引发的问题及解决办法(js扩展名是什么文件)

Array在javascript1.6版本已经支持Array.indexOf(),而我用的firefox是3.5版本,已经支持javascript1.8了,indexOf是其Array本身固有的方法了。

而IE,即使我用的是IE8,也才支持到javascript1.3版本。

所以IE8认为indexOf是“用户定义的属性”,而firefox认为是自己原生支持的固有的属性。

真的是这样吗?

做个实验,把indexOf更名为myIndexOf,再试试,结果IE和firefox都输出myIndexOf,证明前面的观点是正确。

那么又来了个问题,我扩展indexOf很久了,现在不少项目的代码都已经在使用这个方法,而现在我非要使用for..in输出数组本身的元素,不要其他我自己扩展到俄方法,怎么办?

好在javascript提供了hasOwnProperty方法。

看一下其描述:

看描述,就是我们想要的东西。

在for...in..里做个 判断就OK了

另外,附上hasOwnProperty用法示例,来源于互联网:

查看浏览器支持javascript到哪个版本:

JavaScript学习笔记之基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括:各种算术运算符、比较运算符、逻辑运算符;ifelse语句、switch语句

浅谈javascript 迭代方法 五个迭代方法都接受两个参数:要在每一项上运行的函数和运行该函数的作用域(可选)every():对数组中的每一项运行给定函数。如果函数对每一项都返

script标签属性用type还是language 被人问起一个问题:scriptlanguage="JavaScript"scripttype="text/javascript"script这三个标签的使用有什么区别?虽然一直在用,却也没有好好去弄清楚,这里详细说

本文链接地址:https://www.jiuchutong.com/biancheng/383882.html 转载请保留说明!

上一篇:DOM基础教程之使用DOM设置文本框(dom操作的方法)

下一篇:JavaScript学习笔记之基础语法(javascript教程完整版)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络