当for in 遇到 prototype框架

xiaoxinphp xiaoxinphp 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 200+累计阅读 258平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄18年
关注
原创 最新推荐文章于 2026-05-05 09:01:24 发布 258 阅读 AI 写同款· GEO 优化 ›

今天遇到一个问题，写了一个简单的for in，在有的页面里面正常，有的就不正常，检查下来，发现不同之处在于不正常的页面引入的prototype的js框架。

 

经搜索后，发现的确是两者冲突，具体原因是由于prototype重写了array方法，导致在循环的时候出了问题。

 

详情可以查看如下文章：prototype与for in ... Array

收录于
js

当前文章被收录于：

js
12 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
保姆级教程：用Vue3+Element Plus快速搭建Flowable流程定义管理后台界面 本文提供了一份详细的Vue3+Element Plus教程，指导开发者快速搭建Flowable流程定义管理后台界面。从项目初始化、核心页面设计到响应式数据处理，全面覆盖前端开发关键步骤，帮助提升企业级应用开发效率。 阅读详情

相关推荐

自动驾驶仿真(二)—— 基于PreScan与Simulink的联合仿真

自动驾驶仿真软件介绍二—— PreScan与Simulink联合仿真1. Prescan仿真软件2. Prescan与Simulink联合仿真2. 1 Prescan和matlab软件安装2. 2 联合仿真配置3. 联合仿真实例3.1 一辆不按法规行驶的小车3.2 另一辆的正常行驶的小车3.3 视觉辅助摄像机3.4 传感器检测4. 系列学习视频教程5. 参考学习的书目教材 上一篇博文简单介绍了Carsim与Simulink联合仿真，接着这篇就再继续简单介绍另一款自动驾驶仿真软件Prescan，并且简单做个P

zhudj08的博客 1万+

数组Array进行原型prototype扩展后带来的for in遍历问题

https://blog.youkuaiyun.com/m0_37288255/article/details/68065632 为了方便获取数组下标对Array写了扩展方法，在用for in循环遍历时却出现了问题。 如下所示： /*获取数组元素下标*/ Array.prototype.getArrayIndexByValue = function (arr) { for (var i...

菜菜的博客 849

在VSCode中使用LaTex+（grammarly语法检测，chatgpt翻译，Sumatra PDF 轻量级pdf阅读器）

整个文章分为以下几个内容，打 * 的是必须要安装的。

u011895157的博客 2万+

hasPrototypeProperty（Obj，propertyName），for-in和in的区别

实例上的属性和方法大致可以分为两种，一种是在实例上的，一种是在原型对象上的。 在构造函数内部使用this声明的属性和方法，在创建实例时会绑定到实例上。在原型对象上声明的属性和方法在原型对象上。 对象寻找某个属性或者会先在实例上寻找，然后再去原型对象上寻找。即使是实例上用有某个属性或者方法，原型对象上同名的属性或者方法依然会存在，只是实例会优先使用自身实例上的属性和方法。 如果要删除实例上的方...

长河落日的博客 977

ROS2 Humble + TurtleBot4仿真环境搭建与避坑实战

本文详细介绍了ROS2 Humble与TurtleBot4仿真环境的搭建与避坑实战，包括环境配置、依赖安装、仿真调试和性能优化等关键步骤。通过保姆级教程和实用技巧，帮助开发者快速搭建稳定的机器人仿真环境，提升开发效率。特别推荐使用Ubuntu 22.04原生系统以避免常见问题。

weixin_30897233的博客 399

工程伦理-知识点汇总

工程伦理-知识点汇总

m0_46091747的博客 1万+

可枚举属性和不可枚举属性（for...in循环和Objec.keys()和Object.getOwnPropertyNames()）

for...in循环是 遍历对象的每一个可枚举属性,包括原型链上面的可枚举属性,而Object.keys()只是遍历自身的可枚举属性,不可以遍历原型链上的可枚举属性. 这是for...in和Object.keys()的主要区别,而Object.getOwnPropertyNames()则是遍历自身所有属性（不论是否是可枚举的）,不包括原型链上面的. 举个例子: function ...

包磊磊的博客 620

Win10 LTSC 2021 CPU占用率飙升？KB5017308补丁修复全攻略

本文针对Windows 10 LTSC 2021系统中因wsappx进程导致的CPU占用率异常飙升问题，提供了详细的解决方案。核心在于安装微软官方发布的KB5017308补丁，该补丁能从根本上修复系统组件缺陷，使CPU占用恢复正常。文章详解了补丁的下载、安装步骤、注意事项及安装后的验证方法，是解决此问题的权威指南。

python9snake的博客 1265

js数组遍历 千万不要使用for...in...

js数组遍历有很多方法，比如for循环

ForeverNull的专栏 5267

手把手教你用8位单片机IO口直接驱动WS2812灯带（附完整代码和避坑指南）

本文详细介绍了如何使用8位单片机IO口直接驱动WS2812灯带，包括硬件准备、时序生成、色彩引擎与特效算法的实现，以及调试技巧与性能优化。通过汇编语言优化和精确时序控制，实现高效的LED驱动和炫酷的彩虹灯效，适合嵌入式开发者和硬件爱好者参考。

weixin_42696271的博客 304

从零到一：基于DESeq2的转录组差异表达分析实战指南

本文详细介绍了基于DESeq2的转录组差异表达分析实战指南，涵盖数据准备、标准化处理、差异分析及结果解读等关键步骤。DESeq2凭借其稳定性和对低表达基因的友好处理，成为转录组数据分析的首选工具。文章还提供了常见问题排查和优化建议，帮助研究者高效完成从分析到发表的完整流程。

weixin_26759093的博客 272

细说JavaScript对象(4)： for in 循环

如同 in 运算符一样，使用 for in 循环遍历对象属性时，也将往上遍历整个原型链。 // Poisoning Object.prototype Object.prototype.bar = 1; var foo = { moo: 2 }; for(var i in foo) { console.log(i); // prints both bar and moo } ...

weixin_33725515的博客 141

机器人控制基础：伺服驱动器的泄放电阻

摘要：伺服驱动器泄放电阻用于消耗电机减速或制动时产生的再生电能，防止母线电压过高损坏元件。其核心作用是将多余电能转化为热能，规避硬件损坏和停机风险。选型需关注功率、阻值和封装三大参数，功率应匹配再生能量，阻值需符合驱动器要求，封装应满足散热需求。可通过动态监测母线电压或静态检测电阻阻值来判断其是否正常工作。

start_up_go的博客 381

Object.prototype.hasOwnProperty.call 为什么要在for in 场景中使用

上述代码中，for…in 循环将会输出所有的键，包括继承自原型链的键 c。在 JavaScript 中，使用 Object.prototype.hasOwnProperty.call 主要是为了确保在使用 for…in 循环遍历对象属性时，我们在使用 for…in使用场景的时候，经常会发现一般的写法是这样的。为什么要在for in 场景中使用。

虎康的博客 665

假人有限元模型

假人模型，车辆碰撞假人有限元模型，适合做乘员安全的研究者利用

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

极经典的JavaScript框架prototype.js中实现继承的方法

 本文非原创    Object.extend = function(destination, source) {for (var property in source) {    destination[property] = source[property];}return destination;}Prototype 对Object类进行的扩展主要通过一个静态函数Object

sunjin1988的专栏 1091

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

Object.prototype 和 for in loop 遍历对象的使用

Object.prototype 与 for in 循环的搭配使用

weixin_39512883的博客 458

对数组Array进行原型prototype扩展后带来的for in遍历问题

不同的程序语言都有多种循环语句，而且功能是差不多的，当然使用场合还是有些区别的，比如for与for in，for in比较好用，它不需要预先知道对象属性的长度。通常在JavaScript中用for与for in遍历数组结果是没有什么区别的，它的循环变量i都是从0开始的数组索引（for in如果遍历的是非数组对象的属性集合，则这个i就是属性名，或称之为key）。另外要注意一点是：用for in遍历数

367

【JS】for in可能遇到的问题

【JS】for in可能遇到的问题

owo_ovo的博客 890

JSON数据遍历之for-in

object 本身就是无对象的集合，因此在用 for-in 语句遍历对象的属性时，遍历出的属性顺序与对象定义时不同。

1388

for-of、for-in、forEach 和map的区别

for…of 语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句 for…in 语句以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。 Array​.prototype.forEach() 方法对数组的每个元素执行一次提供的函数。 Array​.prototype​.map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回.

weixin_44003156的博客 615

for in 和for of的一些区别以及遍历数组的一些注意点

ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。 Array.prototype.method=function(){ 　　console.log(this.leng...

菜鸟的博客 1908

js中for(i in array)和for(i=0；i＜array.length；i++)之间的坑

曾经通篇的数组遍历都用的是for...in循环，如今掉进了坑里。为了避坑，这里写一篇数组遍历为什么用for(;;)格式的循环，希望大佬指点！！

weixin_41557459的博客 1049

你不知道的JavaScript--Item17 循环与prototype最后的几点小tips_循环,只循环新增属性,不循环prototype

在使用for…in循环时，不要依赖于遍历的顺序。当使用Object类型来保存数据时，需要保证其中的数据是无序的。当需要表示带有顺序的集合时，使用数组类型而不是Object类型。避免向Object.prototype中添加任何属性。如果确实有必要向Object.prototype中添加方法属性，可以考虑使用独立函数替代。使用Object.defineProperty来添加可以不被for…in循环遍历到的属性。当遍历数组时，使用标准的for循环，而不要使用for…in循环。

2401_89285746的博客 950

for ie无效 in js_Javascript for in的缺陷总结

Javascript for in的缺陷总结for in 语句用来列举对象的属性(成员)，如下var obj = { name:"jack",getName:function(){return this.name}};//输出name,getNamefor(var atr in obj) {alert(atr);}注意了吗，没有输出obj的toString，valueOf等内置属性(或称内置成员，...

weixin_35572076的博客 111

JavaScript中for in、for of和for Each的用法和区别

通常来讲，for…in一般用来遍历的，for…of 以及for... Each一般用来遍历的。

不想学习的打工人的博客 465

HTMLCollection元素的For循环

I'm trying to set get id of all elements in an HTMLCollectionOf . 我正在尝试设置HTMLCollectionOf中所有元素的获取ID

asdfgh0077的博客 6947
上一篇： 正则表达式
下一篇： php调用java发布的webservice
点赞 0
评论 0
书签 书签 0
xiaoxinphp
xiaoxinphp
博客等级 码龄18年 1粉丝 45原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值