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

于 2022-02-10 14:20:48 发布
阅读量474 收藏
点赞数
分类专栏： 工作遇坑 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Iosersa/article/details/122859765
版权
在开发中遇到一个IE8特有的bug，当数组字面量定义时，最后一项后有逗号，IE8会将数组长度计为原长度加1，导致for循环超出实际范围，产生undefined值。这是由于IE8遵循ECMAScript 3标准，与其他浏览器（遵循ECMAScript 5）的行为不一致。解决方案是避免在数组末尾添加多余的逗号。
摘要由CSDN通过智能技术生成

今天开发过程中遇到一个bug，困扰了很长时间总结一下

数组使用字面量的方式定义：

let a = [1, 2, 3]

这样写很正常，但是如果我们在数组最后一项后面加一个 " , " ，这个时候问题就出现了
在这里插入图片描述
我们可以看到在IE8浏览器下，如果数组最后一项后面存在 " , " 那么浏览器就会把数组的长度计算为原数组长度加1。这个时候我们用for循环循环数组的时候，会循环到数组长度的下一项，这时候获取的值是undefined，就会造成问题。
查了一下原因，IE8使用的是ECMAscript 3 标准，但是其他浏览器使用的是ECMAscript 5 ，所以就产生了这种差异。所以定义数组，最后一项后还是不要添加 " , " 了，说不定就出错了。
附上一张其他浏览器运行上述代码的图片：
在这里插入图片描述

Iosersa
关注
专栏目录
RegExp在IE8等浏览器中的兼容性问题
清箫的专栏
05-12 1万+
这里讲的兼容性问题主要指String的API在正则表达式的处理上不同。匹配结果的兼容性第一个问题：在IE",,ab,,".split(","); // output ["","","ab","",""] ",,ab,,".split(/,/); // output ["ab"]第二个问题：正则表达式中可能有分组，但是这个分组可能并没有参与（也就是没有匹配到任何子字符串）。关于这个分组的结果：IE"
IE8数组长度问题
lxn111111的博客
09-01 166
问题描述：在ie8下，点击下拉框无数据显示 原因定位：打开F12，看到报错，打断点后看到： zsxmdm在ie8下遍历length为3，实际上只有2，原因是IE8遵循ECMAScript3的规则，当对象最后一个逗号后面没有内容时，也将最后一个空对象算在长度内，ECMAScript5则会忽略此对象。所以ie8会报错zsxmDm为undefined。 我的解决方法： ...
IE8中往数组放值的问题
u010783527的博客
05-18 878
最近在ie8中碰到了一个奇葩的问题，数组操作不论在哪里都会用的很频繁，正常情况下 通过push方法放到空数组中的值 是不会出现值后尾带空格情况的，但是在ie8下，往数组中放值的时候 会出现值带空格的情况。 然后在控制台输出了放进去的 值， 并拼了一个串来验证 是否带空格 最后在控制台打印了输出结果 如图所示，在拼成的字符串中会出现一个空格，真是没想到还会出现这种问题，
ie8不支持的数组方法
weixin_30617797的博客
11-19 401
1、Array.map() 2、//添加数组IndexOf方法 就是在使用indexOf方法前，验证一下是否存在该方法IndexOf方法，如果有调用；如果没有就添加一个： if (!Array.prototype.indexOf) { Array.prototype.indexOf = function (num) { var len = this.length &gt...
ie8不支持Object.keys(obj).length获取对象长度
笑到世界都狼狈的博客
05-11 725
在项目中遇到要获取对象长度的问题，网上查找的方法是用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不支持数组的indexOf方法
12-11
然而，IE8及更早版本的Internet Explorer浏览器并不原生支持这个功能，这在开发兼容性较强的Web应用时会成为一个问题。为了解决这个问题，我们可以采用一些技巧，使这些旧版本的浏览器也能够支持`indexOf`方法。 如...
探讨js字符串数组拼接的性能问题
12-03
尽管如此，对于特定的浏览器（特别是IE8之前的版本）和大规模的字符串操作，数组方法仍然能提供更好的性能。例如，在IE7中，随着字符串数量或大小的增加，性能下降尤为明显。而在Firefox中，当字符串大小增加时，...
兼容ie8-解析数组时个数的错误
vcxiaohan的博客
12-16 689
大家一定要注意一些细节： 比如在写数组的时候：[1, 2, 3, ]尽量避免末尾多出一个","的情况，因为在ie8-会出现数组数量上的错误 还有像书写json的时候，也要注意
数组undefined 逗号
a432143的博客
12-20 163
在数组中添加，会显示为undefined在IE8下，在ie8以上版本不会出现此现象，其他版本的浏览器会自动过滤小逗号 转载于:https://www.cnblogs.com/Ting-log/p/10152049.html...
JavaScript Array 对象参考手册 slice() 方法
stephen830
02-28 219
JavaScript slice() 方法 返回JavaScript Array 对象参考手册 （目录） 定义和用法 slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end)   参数描述 start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二...
IE8及其以下版本会有哪些兼容性问题
qq_30663251的博客
01-26 845
IE8及其以下版本会有哪些兼容性问题不支持console不支持trim() 等函数，不支持Map等对象，不支持 等元素对标识符敏感，语法要求严格for in 会比预期多循环一次 不支持console IE8及其以下版本下使用console会报错：console未定义。 需要自定义console函数，代码如下： //解决ie浏览器console未定义的问题 window.console = wind...
IE8下对象数组的长度问题
Linda的前端开发路
06-28 2941
IE8下对象数组长度问题
ie8浏览器下，js删除数组中指定的元素和判断数组是否包含某元素
Issay_0220的博客
12-09 1696
目前国企等一些单位仍然使用的xp等历史性系统，就不得不面对ie8的对各种脚本兼容性问题了。下面是ie8浏览器，判断数组中某元素是否存在，和删除数组中指定元素的一段javascript脚本，正好今天做业务代码用到了，顺便做一个简单的笔记，方便后续查找，也希望能帮助有需要的js新手。
让ie8支持foreach
weixin_30765505的博客
02-03 208
　　 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 for...in..循环
长歌的博客
08-17 2058
没啥好说的，ie8貌似对数据格式要求很严。json数据最后一位多出一个“，”，for..in循环结果多出一位undefined的，去掉“，”恢复正常。如果在ie8for...in循环出错，就打印出来看是不是多一位吧。 另外在js中当一些不可枚举的属性比如toString被重写后，它会变成可枚举，然而当IE小于9，这些被重写的属性依旧是不可枚举，无法使用for in去遍历 鉴于有个兄弟提出质疑，...
IE8下关于indexOf和for in循环的问题
u010783527的博客
04-28 5583
前段时间，在ie8下面碰到这么一个问题，ie8下是不支持indexOf函数的，而解决办法网上有很多，所以就拿来用了。 indexOf函数解决后又出现了这么一个问题，请求出来的数据多了一条undefined， 请求来的数组长度是5，打印出来的数组长度也是5，可以总会出现一条undefined的第六条数据，看了很多解释，有说是json串中最后一条后面多了个逗号，会出
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值