konstantin-921,
если исходный массив не нужен, достаточно filter.
ниже вариант с сохранением.
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.max{
color: #008000;
font-size: 2em;
}
.complited:after{
content: " complited"
}
</style>
</head>
<body>
<div class="item">01</div>
<div class="item complited">02</div>
<div class="item">03</div>
<div class="item">04</div>
<div class="item">05</div>
<div class="item">06</div>
<div class="item">07</div>
<div class="item">08</div>
<div class="item">09</div>
<div class="item">10</div>
<div class="item complited">11</div>
<div class="item">12</div>
<div class="item complited">13</div>
<div class="item">14</div>
<script>
var arrayTodo = [].slice.call(document.querySelectorAll(".item"));
function deleteComplited() {
arrayTodo.reduceRight(function(array, element, index) {
if (element.classList.contains("complited")) {
array.splice(index, 1);
}
return array;
}, arrayTodo) // далее для теста
.forEach(function(element, index) {
element.classList.add("max");
});
};
deleteComplited()
</script>
</body>
</html>