如何循环遍历新生成的数组而不覆盖它？答案

【问题标题】：How can I loop through a new generated array without overwrite it?如何循环遍历新生成的数组而不覆盖它？
【发布时间】：2015-10-03 03:04:27
【问题描述】：

我一直在自学编码，所以我的知识并不像您期望的那样技术性。话虽如此，我在一个处理图像的项目中，其中包括使用 fileList 对象向用户显示有关它们的信息，该信息的一部分以这种格式显示：Chrysanthemum.jpg (image/jpeg) - 879394 字节，最后修改时间：13/7/2009。我的程序允许用户在上传剩余文件之前删除预先选择的文件，当从组中删除该项目时，有关它的信息也应该删除。我不会让你疯狂阅读 +600 行代码，这样你就可以解决我的问题，因此我给你一个非常简单的总结方法来解决我的问题。

在这种情况下，我们希望在调用函数时删除第一项，因此请看下一段代码：

<input type='button' id='load' value='Load_info' />
<div id='ok'>
    <ul id='pic_info'></ul>
</div>
<div id='message'></div>
<input type='button' id='bye' value='Bye[0]' />


var files = ["Chrysanthemum.jpg (image/jpeg) - 879394 bytes, last modified: 13/7/2009", "Desert.jpg (image/jpeg) - 845941 bytes, last modified: 13/7/2009", "Hydrangeas.jpg (image/jpeg) - 595284 bytes, last modified: 13/7/2009", "Jellyfish.jpg (image/jpeg) - 775702 bytes, last modified: 13/7/2009", "Koala.jpg (image/jpeg) - 780831 bytes, last modified: 13/7/2009", "Lighthouse.jpg (image/jpeg) - 561276 bytes, last modified: 13/7/2009", "Penguins.jpg (image/jpeg) - 777835 bytes, last modified: 13/7/2009"];

var once = 0;
var a = '';
var d = '';
//someFlag = true;
//var upd = [];
var e;
var f = '';
var g = 0;

function load() {
    for (var i = 0; i < files.length; i++) {
        a += "<li>" + files[i] + "</li>";
        $("#pic_info").html(a);
        e = $("#pic_info li").length;
    }
}



function delete_item(arr, inx) {
    if (e <= 0) {
        e = 7;
    } else {
        e -= 1;
    }
    //for (var c = 0; c < arr.length; c++) {
      //  d += "<li>" + arr[c] + "</li>";
        //$("#pic_info").html(d);
    //}
    arr.splice(inx, 1);
    $("#pic_info").html(arr);
}

$("#load").click(function () {
    if (once == 0) {
        load();
        once = 1;
    } else {
        $("#message").html("<strong>files already loaded</strong>");
    }
});

$("#bye").click(function () {
    delete_item(files, 0);
});

我还没有找到一种有效的方法来重新排列“li”标签中的“arr”项目，我试图循环它们，但是如果你启用“for循环”来发生数组本身，它就会被覆盖新的输出直到它到达最后一项。我尝试了很多方法来解决这个看似简单的问题，但我无法......我放弃并决定寻求更好阵型的人的帮助

PD：我知道有一千个插件可以处理文件。我只是想测试一些学到的技能。

这是一个小提琴： * jsfiddle

感谢您的宝贵时间，我真的很感激，我希望我已经解释了自己

【问题讨论】：

标签： javascript jquery arrays loops

【解决方案1】：

我不是 100% 确定您的要求，但我相信您在加载文件后询问如何删除第一个 li 元素。对吗？

如果是这样，您可以在删除项中使用 jQuery 选择器，它会删除第一个 li 但不会影响 files 数组。

$("li").first().remove();

【讨论】：

【解决方案2】：

如果你想在不覆盖旧数据的情况下放置新数据，请使用.append() 我可以看到你正在使用.html()，这会将 html 设置为旧数据。请改用.append()

【讨论】：