javascript中ie8/ie9不支持Array.indexOf解决办法

最新推荐文章于 2020-12-11 10:25:15 发布

yaoyanzhu

最新推荐文章于 2020-12-11 10:25:15 发布

阅读量590

点赞数

分类专栏：开发中问题 JavaScript web前端文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/yaoyanzhu/article/details/84695651

版权

JavaScript 同时被 3 个专栏收录

48 篇文章 0 订阅

订阅专栏

开发中问题

15 篇文章 0 订阅

订阅专栏

web前端

6 篇文章 0 订阅

订阅专栏

场景：
js中判断一个string是否在一个js的数组中。
方法：

代码如下	复制代码
if (['a', 'b', 'c'].indexOf(str) >= 0) { //do something }

判断选择的文件的扩展名是否在指定的数组中：

代码如下

复制代码

var position = selectedFilePath.lastIndexOf(".");
        if(position<=0){
        alert("不允许上传这种扩展名的文件！");
        return;
        } else{
        var ext = selectedFilePath.substr(position);
        ext = ext.toLowerCase();
        var extArr = [".jpg",".png",".gif", ".jpeg"];
        if(extArr.indexOf(ext) == -1){
          alert("不允许上传这种扩展名的文件！");
          return;
        }
        }

问题：ie9以下的版本不支持 [].indexOf()
解决方案

针对ie8及以下版本，自己创建indexOf函数。
ie8.js :

代码如下

复制代码

if (!Array.prototype.indexOf)
{
Array.prototype.indexOf = function(elt /*, from*/)
{
var len = this.length >>> 0;

    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;

    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
};
}

然后在相关页面中引入ie8.js

代码如下	复制代码
<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <script src="./assets/js/ie8.js"></script> <![endif]-->