Нулевые значения в массиве объектов

Question

Я создаю объекты, когда текстовое поле имеет некоторые значения (используя ng-blur и textbox.value!==undefined), а затем помещаю эти объекты в массив (все здесь отлично работает).

Когда я нажимаю на флажок (привязка модели флажка с текстовым полем ng-required) Мне нужно удалить этот конкретный объект, имеющий это значение текстового поля. Я использую:

arr.splice(index,1); 

удалить этот конкретный объект из массива (путем сопоставления его имя как «ежемесячно» или «квартальный» и т.д.), но это создает null в этой конкретной позиции.

, например. [Объект, предмет, объект]

[ 
{name:"monthly", 
    amount:1000 }, 

{name:"quarterly", 
    amount:1200 }, 

{name:"yearly", 
    amount:1300 } 
] 

после удаления всех элементов он показывает [] и когда я добавить еще один новый объект отображает [3:object] и его содержание, как [null,null,null,object];

или

если удалить средний объект name:"quarterly", показывает [object,object], но после добавления нового объекта он отображает массив как [object,object,null,object] с длиной массива как 4.

Почему существует null и как я могу удалить это из массива. (не хотите снова повторять, чтобы проверить null).

Answer 1

var arrayWithoutNulls = myArray.filter(function(val) { 
    if (val) { 
     return val; 
    } 
}); 

Answer 2

Трудно сказать, почему код создает нулевые значения, не взглянуть на него.

Но могу сказать, что не ожидаемое поведение.

Вы можете увидеть этот пример, чтобы получить вдохновение:

var data = [ 
 
{name:"monthly", 
 
    amount:1000 }, 
 

 
{name:"quarterly", 
 
    amount:1200 }, 
 

 
{name:"yearly", 
 
    amount:1300 } 
 
]; 
 

 
var newObjectToBeAdded = { name: "daily", amount:"100" } 
 

 
function showObjects() 
 
{ 
 
    document.body.innerHTML += data + '<hr>'; 
 
} 
 

 
function deleteObjectByName(objectName) 
 
{ 
 
    for(var i = 0; i < data.length; i++) 
 
    { 
 
    \t if(data[ i ].name == objectName) 
 
     { 
 
      data.splice(i, 1); 
 
     } 
 
    } 
 
} 
 

 
function addObjectToData(newObject) 
 
{ 
 
    data.push(newObject); 
 
} 
 

 
showObjects(); 
 
deleteObjectByName("quarterly"); 
 
showObjects(); 
 
addObjectToData(newObjectToBeAdded); 
 
showObjects();

Просто бросить догадку из, может быть, вы случайно дублирует массив. Может быть, в каком-то момент вашего кода вы делаете что-то вроде этого:

var new_array = original_array.splice(index); 

Или создать новый массив в цикле вы используете, чтобы найти целевой объект, или с помощью какого-то промежуточного массива и т.д.

Надеюсь, это поможет!