javascript从数组中删除项目，拼接

Question

我正在使用本地存储制作一个小应用程序（尚未实现）：您在文本区域输入注释，它会显示在列表中

便笺被堆叠在一个称为便笺的对象中（将来用于本地存储）；

但是我的问题是：我可以添加一个便笺，但是当我尝试删除它们时，我必须删除'notes'数组中的li和相关的便笺对象，因此我决定使用splice方法，但是它可以工作以一种奇怪的方式

当我单击“关闭”时，它可以正常工作一到两次，但此刻数组会停留在其中一两个对象...

我尝试了不同的方法来解决问题，但没有成功...

这是小提琴： http : //jsfiddle.net/h8hg6/1/

谢谢你的帮助

Answer 1

我对您的提琴进行了一些修改，以解决问题。 实质上，您错误地使用了.splice ，并且数组与您的note元素不同步。 我已将数组替换为基于数字的对象，因为它更容易处理。 以下是一些相关更改：

http://jsfiddle.net/h8hg6/2/

var notes = {}; // notes is now an object instead of an array
// snip

var number = jQuery(this).parents('li').data('number');
delete notes[number]; // this is how you remove properties from an object

// snip
var note = {
    color: color,
    text: text
};

notes[i] = note; // add this object as a property of the notes object
i++;

Answer 2

问题在于您对splice的调用使用queue变量的值来确定将在notes数组中删除的元素的索引。 就在这儿：

notes.splice(queue, 1);

由于queue值总是在增加（就在这里）：

 function addNoteToPage(){
    i++;
    ...
    jQuery('ul#notes li:first').before('<li  data-queue="'+ i +'">'+ note.text +' <a href=""#>CLOSE</a>

您碰到了一会儿，您在notes数组的不存在的索引上调用拼接，结果一无所获。 基本上，您最终会获得不同步的notes数组。

您需要确保data-queue属性的值与notes数组中元素的实际索引一致，以便对splice(queue,1)调用始终成功并删除相应的数组元素。

话虽如此，如果上面的答案对您有用，我会同意的。 我只是想让您对正在发生的事情有更多的了解...