Javascript/JQuery 中的动态数组

Question

为什么我的数组长度总是为 0，即使 var email 等于字符串。 （我已经发出了 var email 的警报并且数据就在那里）。

    var emails = new Array();

    //get all the emails
    $('.emailBox input').each(function (i)
    {
        var email = $(this).val();

        if(email != '')
        {
            emails[email] = email;
            alert(emails.length);
        }
    });

Answer 1

因为您要向数组添加一个属性。

var a = [];
a.foo = 42;
a.length === 0; // true

相反，请尝试

emails.push(email);

这与 emails[emails.length] = email 相同

顺便说一句：

var emails = new Array() ;

很糟糕。您应该使用 [] 而不是 new Array() 主要是因为它更加简洁和可读。

if (email != '') {

上面的内容可以用 if (email) { 替换，以防 jQuery 返回 undefined 或 null

为了使整个代码更优雅，您应该使用

var emails = $('.emailBox input').map(function() {
    return this.value;
}).filter(function (k, v) { return v; }).get();

或不使用 jQuery，

var emails = [].map.call(document.querySelectorAll(".emailBox input"), function (v) {
    return v.value;
}).filter(function (v) { return v; });

尽管您需要 QSA 填充程序和 ES5 填充程序来支持旧平台。

编辑：

如果您希望数组是唯一的，则减少它。

var arr = arr.reduce(function (memo, val, key, arr) {
  // if the first index of the value is the index then add it.
  // if the first index is different then we already have it.
  if (arr.indexOf(val) === key) {
    memo.push(val);
  }
  return memo;
}, []);

Answer 2

您可以使用一些 jQuery 方法来完成所有这些工作。

var emails = $('.emailBox input')
              .map(function() { return $(this).val() || null; })
              .get();

jsFiddle。

Answer 3

emails[email] = 电子邮件没有执行您希望它执行的操作。尝试

emails.push(email);