Uncaught TypeError：无法设置属性'0'的未定义

Question

我一直得到Uncaught TypeError: Cannot set property '0' of undefined，但我不能为我的生活弄清楚什么是错的！

var anchor = []; 
getAnchors(); 
function getAnchors() { 
    $('.anchor').each(function(i) { 
     anchor[i] = $(this).offset().left; 
    }); 
} 

那么这段代码有什么问题？ 我已经将anchor声明为一个数组。 我一直在检查一个小时的愚蠢错别字。 错误在于i。但是是什么的错误？

编辑： I found out what's wrong.

Answer 1

您可以使用$.map构建阵列：

var anchor; 
function getAnchors() { 
    anchor = $.map($('.anchor'), function(el) { return $(el).offset().left; }); 
} 

Answer 2

尝试返回数组呢？像这样：

function getAnchors() { 
    var allAnchors = []; 
    $('.anchor').each(function(i) { 
     allAnchors.push($(this).offset().left); 
    }); 
    return allAnchors; 
} 

var anchor = getAnchors(); 

Answer 3

您需要在为其分配值之前创建对象属性。

var anchor = []; 
    $('.anchor').each(function(i) { 
     anchor[i] = [{ 
      pos: null, 
      id: null 
     }]; 
     anchor[i]['pos'] = $(this).offset().left; 
     anchor[i]['id'] = $(this).attr('id'); 
    }); 

然后进行赋值并用您的值覆盖null。

Answer 4

你可以这样做：

var anchors = $('.anchor').map(function() { 
    return { 
    pos: $(this).offset().left, 
    id: this.id 
    } 
}).get(); 

Answer 5

我找到了答案。我只是不得不在函数中声明anchor。

getAnchors(); 
function getAnchors() { 
    var anchor = []; 
    $('.anchor').each(function(i) { 
     anchor[i] = $(this).offset().left; 
    }); 
    // perhaps sort anchor 
    console.log(anchor); 
} 

感谢您的回复。