javascript - jQuery ie8 对象为空或未定义

Question

我遇到了一个大问题，几个小时以来一直在尝试解决它，但没有任何消息。一切都很好，而不是 IE8。

var geschlechtA= jQuery('#geschlecht').find('.active').text();
var grund_basisB= jQuery('#grund_basis').find('.active').text();
var varianteC= jQuery('#variante').find('.active').text();
var farbeD= jQuery('#farbe').find('.active span').text();
var param =[geschlechtA,grund_basisB,varianteC,farbeD];
var bildDaten=[
{"geschlecht":"männlich","basis":"Business","variante":"klassisch","farbe":"schwarz/weiss","bsrc":"mydomain/img1.jpg"},
{"geschlecht":"weiblich","basis":"Bistro","variante":"leger","farbe":"jeans/weiss","bsrc":"mydomain/img2.jpg"},
{"geschlecht":"männlich","basis":"Business","variante":"klassisch","farbe":"schwarz/weiss","bsrc":"mydomain/img3.jpg"},
{"geschlecht":"männlich","basis":"Business","variante":"klassisch","farbe":"schwarz/blau","bsrc":"mydomain/img4.jpg"},
]

var found=false;

    for (var i = 0; i < bildDaten.length; i++) {
        if(bildDaten[i].geschlecht==param[0]){
            if(bildDaten[i].basis==param[1]){
                if(bildDaten[i].variante==param[2]){
                    if(bildDaten[i].farbe==param[3]){
                        found=true;
                        jQuery('#image_container img').attr('src', bildDaten[i].bsrc);
                    }
                }
            }
        }
    };
    if(!found){
        jQuery('#image_container img').attr('src', bildDaten[0].bsrc);
    }

我正在尝试制作一个简单的 Cloth 配置器。它在 Chrome、FF、IE9+ 中运行良好，但是我得到了 ie8 以下错误:

SCRIPT5007: Für die Eigenschaft "geschlecht" kann kein Wert abgerufen werden: Das Objekt ist Null oder undefiniert 

它表示属性“geschlecht”无法获取值，对象为 NULL 或未定义。

我该如何解决？

Answer 1

IE8 无法正确读取尾随逗号。从 bildDaten 数组中删除最后一个逗号。

也可以尝试将代码放在匿名闭包中。 IE 具有各种内置的、不可覆盖的对象。

(function () {
  // Your code
}());

顺便说一句，没有相应else的嵌套if总是可以重构为&&。

for (var i = 0; i < bildDaten.length; i++) {
  if (bildDaten[i].geschlecht == param[0] &&
      bildDaten[i].basis == param[1] &&
      bildDaten[i].variante == param[2] &&
      bildDaten[i].farbe == param[3]) 
  {
    found = true;
    jQuery('#image_container img').attr('src', bildDaten[i].bsrc);
  }
}