Question

JavaScript 中的合并数组不起作用

2013-09-28

128

javascript

当我尝试 var a = ar_url2.concat(ar_desc2); 将我的数组合并为一个时，它返回 null。我确信这很简单，但我花了几个小时才解决这个问题，如果能解释一下为什么会发生这种情况就好了。在下面的代码中，我尝试了 while(ar_url2.length)a.push(ar_url2.shift()); ，它返回相同的 null...

  function agregar() {

    var i = 0,
        textarea;
    var ar_desc = [];
    while (textarea = document.getElementsByTagName('textarea')[i++]) {
        if (textarea.id.match(/^desc_([0-9]+)$/)) {
            ar_desc.push(textarea.id);
        }
    }

    var desc_count_demo = document.getElementById('desc_count').value;
    var desc_count = desc_count_demo - 1;

    i = 0;
    var ar_desc2 = [];
    var campo = null;
    while (i <= desc_count) {

         campo = document.getElementById(ar_desc[i]).value;
        ar_desc2[ar_desc[i]] = campo;
        i++;
    }


    i = 0;
        var input;
    var ar_url = [];
    while (input = document.getElementsByTagName('input')[i++]) {
        if (input.id.match(/^url_([0-9]+)$/)) {
            ar_url.push(input.id);
        }
    }

    var url_count_demo2 = document.getElementById('url_count').value;
    var url_count2 = url_count_demo2 - 1;

   i = 0;
    var ar_url2 = [];
    while (i <= url_count2) {

         campo = document.getElementById(ar_url[i]).value;
        ar_url2[ar_url[i]] = campo;
        i++;
    }


  //  var a = Array.prototype.concat.call(ar_url2, ar_desc2);
     while (ar_url2.length) a.push(ar_url2.shift());

    function url(data) {
        var ret = [];
        for (var d in data)
        ret.push(encodeURIComponent(d) + "=" + encodeURIComponent(data[d]));
        return ret.join("&");

    }
  window.open('alta1.php?'+url(a));
}

编辑：如果我传递给函数 url(ar_url2) 或 url(ar_desc2)，则 URL 中返回的值是

http://localhost/proj1/alta1.php?url_0=inpit&url_1=input

和

 http://localhost/proj1/alta1.php?desc_0=input&desc_1=input

但仍然无法将两者合并为一个...

Answer 1

我看到的一件事是您的 ar_url 数组由以下内容填充：

while(input=document.getElementsByTagName('input')[i++]){
  if(input.id.match(/^url_([0-9]+)$/)){
    ar_url.push(input.id);
  }
}

由于您将整个 id 放入数组中，它将填充以下内容： 'url_0' 、 'url_1' 、 'url_2' 等...

稍后您执行以下操作：

  ar_url2[ar_url[i]] = campo;

当您索引 ar_url 时，您会得到 'url_XXX' 字符串。这意味着您正在 ar_url2 上设置 'url_XXX' 属性，而不是填写数组的元素。

尝试将第二个循环更改为：

while(input=document.getElementsByTagName('input')[i++]){
  var result;
  if(result = input.id.match(/^url_([0-9]+)$/)){
    ar_url.push(+result[1]);
  }
}

使用在 RegExp 的 ([0-9]+) 部分中捕获的值，而不是整个 'url_XXX' 字符串。