循环的Javascript:UncaughtTypeError:无法读取属性'；详情'；未定义的 var-opp=[]； var指数=0； 函数getData（）{ 志愿者行动[索引]={ 用户名：$（“#名称”）.val（）， 公司名称：$（“#公司名称”）.val（）， 类别：$（“#类别”）.val（）， 详情：$（“#详情”）.val（） }; 索引++； 函数无能（）{ //警报（“2”）； var temp=localStorage.getItem（“自愿者OPP”）； var newObject=JSON.parse（temp）； $（'#name'）.text（newObject.userName）； $（'#compName'）.text（newObject.companyName）； $（'#category'）.text（newObject.category）； $（'#details'）.text（newObject.details）； var getData=“运行”； 对于（变量i=0；i

代码怎么了？ 我得到一个未定义的元素。 我不确定出了什么问题，因为它显示了未定义的元素。

---

我知道，这确实让人困惑，但它不会在页面中显示我的数组。

您实际上并没有运行getData函数。在调用getData（）之前，志愿OPP等于一个空数组。调用

getData（）

并将

var getData=“run”

更改为其他内容，因为您要用字符串替换整个函数“run”

volunteopp[0]

必须是

未定义的

…为什么会是这样？你可以比我更好地回答这个问题，

volunteopp

是在同一范围内定义的吗？是的，volunteopp是变量。那么，我是否只需在javascript中添加call getData（）？我可以更改var getData=“run”“到？是的，在尝试访问志愿者OPP[0]之前，您需要获取数据（）。您希望最终结果是什么样的？”？

    var volunteerOpp = [];
    var index = 0;
    function getData() {
        volunteerOpp[index] = {
            userName: $("#name").val(),
            companyName: $("#compName").val(),
            category: $("#category").val(),
            details: $("#details").val()
        };
        index ++;

    function clueless() {
    //alert("2");
        var temp = localStorage.getItem("volunteerOpp");
    var newObject = JSON.parse(temp);
        $('#name').text(newObject.userName);   
        $('#compName').text(newObject.companyName); 
        $('#category').text(newObject.category); 
        $('#details').text(newObject.details); 

    var getData="run";
     for(var i = 0 ; i < 5; i++) {
         //var+=object[i].field + "<br>";
         getData +=volunteerOpp[0].details + "<br>";
         alert("3");
         //dumb += userName[0] + "<br>"; 
         //text += volunteerOpp[1] + "<br>"; 
         //text += volunteerOpp[2] + "<br>"; 
         //text += volunteerOpp[3] + "<br>"; 
         //text += volunteerOpp[4] + "<br>"; 
     }

     //$("id").html(var);