兼容ie9以下Array.forEach，.map，.filter，String.trim方法

最近公司组织新写一个客服系统，涉及到让人头痛的兼容，更头痛的要兼容到ie8。开发过程遇到的很基础却很影响进度的问题，就当做个笔记记录一下。

浏览器存在三方面的兼容性问题，html,css和js都存在兼容性问题，对于html兼容性问题，只能放弃使用新标签（<aside>，<footer>等）采用其它方式实现。对于js兼容性问题，可以通过代码判断浏览器类型(user-agent)从而执行不同的代码，也可以使用第三方工具例如jquery实现兼容。对于css问题，可以使用css-hack（之前看的一片有关css hack的文章 https://blog.csdn.net/freshlover/article/details/12132801）和浏览器私有样式实现兼容。说了那么都不是重点哈哈哈哈，这次主要表述的是Array的三个方法.forEach，.map，.filter，以及字符串.trim兼容ie8的个人理解。

1.Array.prototype添加要重新写的方法，参数为传入的回调函数，然后for循环this（this指向的传入的数组），后两个都基于.forEach，所以把.forEach放在第一个。

 if(!Array.prototype.forEach){
            Array.prototype.forEach = function (callback) {
                    for(var i = 0;i < this.length; i ++){
                            callback(this[i],i,this);
                    };
            };
     };

    if(!Array.prototype.map){
            Array.prototype.map = function (callback) {
                    var returnArray = [];
                    this.forEach(function (item,index,array) {
                            returnArray.push(callback(item,index,array))
                    });
                    return returnArray;
            };
    };

    if(!Array.prototype.filter){
            Array.prototype.filter = function (callback) {
                    var returnArray = [];
                    this.forEach(function (item,index,array) {
                            if(callback(item,index,array)){
                                    returnArray.push(item);
                             };
                    });
                    return returnArray;
            };
    };

2.String.prototype增加一个回调方法，返回正则替换后的数据。

	if(!String.prototype.trim){
	        String.prototype.trim = function () {
	                return this.replace(/(^[\s]+|[\s]+$)/g,'')
	        };
	};

end。

参考资料：Array.prototype