微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

JavaScript中关于indexOf的使用方法与问题小结_基础知识

php中文网
发布： 2016-05-16 18:21:45
原创
1426人浏览过

这个方法相当有用，很多编程语言中都有相对应的实现,javascript中也不例外，然而当我在ie中运行如下代码时候：

无涯·问知
无涯·问知

无涯·问知，是一款基于星环大模型底座，结合个人知识库、企业知识库、法律法规、财经等多种知识源的企业级垂直领域问答产品

无涯·问知 40
查看详情 无涯·问知
复制代码 代码如下:

var arr = [1,2,3];
alert(arr.indexOf(1));

却被提示“对象不支持此属性和方法” 。而在chrome,ff下去运行良好。遂去求问google大神，发现原来js中Array的indexOf方法在js1.6版本中才给予了实现，ie7,8中只实现到了js1.3版本，chrome为js1.7版本，ff为js1.8版本。(ie依旧慢半拍)。无奈，只好针对ie进行扩展:
复制代码 代码如下:

Array.prototype._indexOf = function(n){
if("indexOf" in this){
return this["indexOf"](n);
}
for(var i=0;iif(n===this[i]){
return i;
}
}
return -1;
};

使用如下:
复制代码 代码如下:

var arr = ["1","2","3"];
alert(arr._indexOf("2"));

这里我们针对Array的原型进行了扩展，在扩展方法的命名上我加上了"_"字符，我认为这是一个好的习惯，当你在针对原型进行扩展的时候有必要对自己的扩展加以标记。
在_indexOf方法中，我们首先判断当前Array是否实现了"indexOf" 方法，如果是的话直接调用系统发法，否则进行遍历。
相关标签：
javascript

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：根据对象的某一属性进行排序的js代码（如：name,age）_javascript技巧 下一篇：基于jquery的商品展示放大镜_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JSDoc：定义具有固定与动态扩展属性的对象类型 本文旨在指导开发者如何在JSDoc中为对象类型定义既包含强制性固定属性，又允许灵活添加任意额外属性的结构。我们将探讨多种解决方案，包括使用通配符属性、交叉类型以及内联的Object.定义，并通过具体代码示例展示如何有效地描述这类复杂数据类型，从而提升代码的可读性和类型检查的准确性。
2025-11-14 19:20:02
515
JavaScript：高效地将列表数据分块并序列化为JSON 本教程详细介绍了如何在JavaScript中将一个扁平的字符串数组按照指定的行数（例如每两行）进行分组，形成包含子数组的结构，并最终将其转换为JSON格式。通过迭代和slice方法，我们能够灵活地处理不同大小的数据集，满足数据分批处理的需求。
2025-11-14 19:13:11
554
使用 AnalyserNode 实现 MediaRecorder 实时音量监测 本文详细阐述了如何在MediaRecorder进行音频录制时，实现实时的音量指示器。通过利用WebAudioAPI中的AudioContext和AnalyserNode，我们可以捕获并处理音频流数据，从而计算并可视化音频的峰值电平，为用户提供直观的录音反馈。
2025-11-14 19:13:00
143
JSDoc 中定义包含固定属性和可变额外属性的对象类型 本教程探讨在JSDoc中定义具有固定必选属性和任意可选额外属性的对象类型。我们将介绍两种主要策略：使用通配符属性实现高度灵活性，以及结合交叉类型与字典类型实现更强的类型约束，以确保类型定义的准确性和避免因额外属性导致的类型检查错误。
2025-11-14 19:11:00
676
解决Twitter API v1.1发推失败：新免费层级下的V2端点迁移指南 本文旨在解决开发者在使用Twitter新免费API层级时，通过旧版v1.1端点（如statuses/update）发布推文遇到的453错误。核心内容是解释该错误源于v1.1端点的访问限制，并提供详细的迁移指南，指导开发者转向使用TwitterAPIv2的POST/2/tweets端点，并结合twitter-api-v2库给出具体的JavaScript代码示例。
2025-11-14 19:10:02
586
ReactJS中实现精确计数器：掌握异步状态更新与函数式setState 在React中，当需要在循环或事件处理函数中进行多次状态更新，并且新状态依赖于旧状态时，直接使用useState的旧值可能导致更新丢失。本文将深入解析React状态更新的异步性与批处理机制，并提供使用函数式setState的解决方案，确保在复杂场景下，如实现带限制的计数器，状态更新的准确性和可靠性。
2025-11-14 19:09:06
981
JavaScript 异步任务序列化与多层级延迟控制 本文详细探讨如何在JavaScript中利用Promise和async/await实现复杂的异步任务序列化，特别是处理带有不同层级延迟的数组操作。我们将构建一个解决方案，确保主任务步骤按顺序执行，每个步骤之间有固定延迟，同时，部分步骤内部的数组元素处理也需遵循特定的元素间延迟。
2025-11-14 18:59:37
276
JS函数如何定义箭头函数_JS箭头函数定义语法与使用场景 箭头函数是ES6提供的简洁函数语法，无自身this、不能用作构造函数、不绑定arguments且无原型；适用于回调、保持this上下文及异步操作，但需在需要动态this时使用传统函数。
2025-11-14 18:55:02
808
JavaScript与SpringBoot外部化配置结合的方法 通过后端REST接口暴露配置，前端动态获取运行时参数；2.构建时结合模板引擎注入配置；3.共用JSON文件由双方读取；4.使用配置中心统一管理，实现灵活更新。
2025-11-14 18:50:32
970
数组排序与去重技巧_多种算法效率比较 排序与去重需根据数据特征选择算法；快速排序平均性能优，归并排序稳定，堆排序省空间，小数组用插入排序；去重推荐Set或Map，原生方法通常最优。
2025-11-14 18:49:02
554
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部