IE8对JavaScript中通过属性和数组进行遍历解析的不同之处

IE8中JavaScript属性与数组遍历的特殊处理

最新推荐文章于 2025-07-10 10:06:42 发布

自由翱翔碧海蓝

最新推荐文章于 2025-07-10 10:06:42 发布

阅读量278

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言 js

本文链接：https://blog.youkuaiyun.com/ByteZenith/article/details/133736551

js 专栏收录该内容

440 篇文章 ¥59.90 ¥99.00

订阅专栏

本文探讨了IE8浏览器在遍历JavaScript对象属性和数组时与现代浏览器的差异。属性遍历时，IE8会包含原型链上的属性，需使用方法判断。数组遍历不支持for...of，需用传统循环配合索引访问。由于IE8已过时，建议升级至现代浏览器。

在早期的IE8浏览器中，JavaScript的属性和数组遍历解析存在一些与其他现代浏览器不同的特点。本文将探讨IE8在处理这些遍历方式时的差异，并提供相应的源代码示例。

属性遍历：
在现代浏览器中，我们通常使用for...in循环来遍历对象的属性。然而，在IE8中，for...in循环会遍历对象的所有可枚举属性，包括原型链上的属性。为了只遍历对象自身的属性，我们需要使用hasOwnProperty方法进行判断。以下是一个示例：

var obj = {
   
    a: 1, b: 2,

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

自由翱翔碧海蓝

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

ie8 浏览器上的数组长度问题

Iosersa的博客

02-10

541

今天开发过程中遇到一个bug，困扰了很长时间总结一下数组使用字面量的方式定义： let a = [1, 2, 3] 这样写很正常，但是如果我们在数组最后一项后面加一个 " , " ，这个时候问题就出现了我们可以看到在IE8浏览器下，如果数组最后一项后面存在 " , " 那么浏览器就会把数组的长度计算为原数组长度加1。这个时候我们用for循环循环数组的时候，会循环到数组长度的下一项，这时候获取的值是undefined，就会造成问题。查了一下原因，IE8使用的是ECMAscript 3 标准，但是.

ie8不支持的数组方法

weixin_30617797的博客

11-19

448

1、Array.map() 2、//添加数组IndexOf方法就是在使用indexOf方法前，验证一下是否存在该方法IndexOf方法，如果有调用；如果没有就添加一个： if (!Array.prototype.indexOf) { Array.prototype.indexOf = function (num) { var len = this.length &gt...

参与评论您还未登录，请先登录后发表或查看评论

2202年了还让我兼容IE8

AuraVic的博客

08-17

517

兼容ie8、ie9的方法注意事项多文件上传遍历对象方法以及框架的搭建框架版本的选择等

各浏览器 for-in 遍历对象属性的顺序差异

黑色幽默

07-11

2679

最近一个项目的开发中，初始化导航菜单的数据，后台给定的数据是 JavaScript 对象，其键是菜单的 id （数字），值是菜单对象。数据如下： 1 2 3 4 5 6 7 8 9 10 11 12 var menuList = { '26':{'name':'新闻

遍历对象方法Object.keys()&for...in

miracle_mf的博客

10-26

1928

最近的项目中用到了遍历对象的方法，但是又要兼容IE8浏览器，刚开始用的Object.keys()报错，又用回了万金油for...in，搜索了下Object.keys()的相关用法并总结如下：那么我们目前有三种遍历对象的方法了对于对象的遍历目前有三种方式： 1、for in : 会输出自身以及原型链上可枚举的属性。 2、Object.keys() : 用来获取对象自身可枚举的属性键 ...

IE8中往数组放值的问题

u010783527的博客

05-18

929

最近在ie8中碰到了一个奇葩的问题，数组操作不论在哪里都会用的很频繁，正常情况下通过push方法放到空数组中的值是不会出现值后尾带空格情况的，但是在ie8下，往数组中放值的时候会出现值带空格的情况。然后在控制台输出了放进去的值，并拼了一个串来验证是否带空格最后在控制台打印了输出结果如图所示，在拼成的字符串中会出现一个空格，真是没想到还会出现这种问题，

javascript中json基础知识详解

10-20

JSON中的对象与JavaScript中的对象字面量类似，但是有以下不同之处：没有声明变量、末尾不需要加分号、对象的属性名任何时候都必须使用双引号。对象可以嵌套其他对象，例如： ```json { "name": "LaoWang", "age":...

JavaScript中forEach方法的深入实现解析

JavaScript 是一种高级的、解释执行的编程语言，其功能强大，其中数组的遍历是日常工作中的常用操作之一。JavaScript 提供了一种非常便捷的方法来遍历数组中的每一个元素，那就是使用数组的 `forEach` 方法。`...

JavaScript反射机制与对象类型解析

"JavaScript的反射机制主要通过for...in语法实现，但在JavaScript中并没有明确区分属性、方法和事件。在JavaScript面向对象编程中，对象并非第一型，而是以函数为第一型，因为对象是由函数创建的。JavaScript是弱...

14、JavaScript 继承模式全解析

最新发布

app77的博客

07-10

本文深入解析了 JavaScript 中多种继承模式，包括原型链（伪经典）、仅继承原型、临时构造函数、复制原型属性、复制所有属性、原型继承、扩展和增强、多重继承、寄生继承、借用构造函数以及借用构造函数并复制原型等。每种继承模式都有详细示例和应用场景分析，同时探讨了它们的性能特点和组合使用方式。文章还展望了 JavaScript 继承的未来发展趋势，例如 ES6 的 class 和 extends 语法。通过本文，读者可以全面了解 JavaScript 继承机制，掌握不同继承模式的选择与使用，提高代码复用性和

ie8下遍历字符串出现的bug

vcxiaohan的博客

12-03

919

在主流浏览器及ie9+下，我们在遍历字符串时，浏览器会强制把该对象的类型转换为数组，但是在ie8下则不会，所以我们还是老老实实先转换为数组吧。大家在不同浏览器下试试吧，解决方法就是加一句str.split("")，ie8下才会生效 demo * {padding: 0; margin: 0;} var str = "测试文字"; var s

兼容ie8-解析数组时个数的错误

vcxiaohan的博客

12-16

736

大家一定要注意一些细节：比如在写数组的时候：[1, 2, 3, ]尽量避免末尾多出一个","的情况，因为在ie8-会出现数组数量上的错误还有像书写json的时候，也要注意

ie8不支持Object.keys(obj).length获取对象长度

笑到世界都狼狈的博客

05-11

797

在项目中遇到要获取对象长度的问题，网上查找的方法是用Object.keys(obj).length，确实很好用，但是当我测试ie8的时候ie8不支持这种方法，所以又重新写了一种方法，如下两种： 1.如果对浏览器要求不高，就可以直接用这种方法： var obj = {'0':'a','1':'b','2':'c'}; var objLength = Object.keys(obj).length; console.log('objLength',objLength); 2.支持ie8的方法：大概思路就

IE8下对象数组的长度问题

Linda的前端开发路

06-28

2990

IE8下对象数组长度问题

ie8浏览器下，js删除数组中指定的元素和判断数组是否包含某元素

Issay_0220的博客

12-09

1782

目前国企等一些单位仍然使用的xp等历史性系统，就不得不面对ie8的对各种脚本兼容性问题了。下面是ie8浏览器，判断数组中某元素是否存在，和删除数组中指定元素的一段javascript脚本，正好今天做业务代码用到了，顺便做一个简单的笔记，方便后续查找，也希望能帮助有需要的js新手。

让ie8支持foreach

weixin_30765505的博客

02-03

254

　　 if ( !Array.prototype.forEach ) { Array.prototype.forEach = function forEach( callback, thisArg ) { var T, k; if ( this == null ) { throw new TypeError( "this is null o...

IE8对JS的数组，采用属性遍历的方法，解析不一样的地方：

我的Github

05-06

2164

以文谨记在此被浏览器版本差异的坑。 Array.prototype.Contains = function (str) { if (!str) return false; for (var i = 0; i < this.length; i++) { if (this[i] == str) { return true;

支持IE8及以下的，原生JS数组迭代的五种方法

Mr_Yan的博客

08-08

2365

IE真是让前端开发者头疼的问题，在解决数组的迭代的过程中，IE8及以下并不能很好的支持。于是去网上搜了搜数组迭代中的every方法，在一个博客大V中搬过来后，发现仍会报错，又比对了下网上的代码，发现我复制的并没有错（QAQ 也不试试就直接用放到博客，这种态度蛮无语的）。于是又看着拿过老的代码，进行了修改和扩展。 ① 数组中的every方法 if (!