队列列表的输出不像应有的那样出现

Question

我应该得到这样的输出：

输入10

迭代0：l1 = 2 3 4 5 6 7 8 9 10，q1 =，

迭代1：l1 = 3 5 7 9，q1 = 2

迭代2：l1 = 5 7，q1 = 2 3

迭代3：l1 = 7，q1 = 2 3 5

迭代4：l1 =，q1 = 2 3 5 7

但是，我一直在获得此输出：

迭代0：l1 = 2,3,4,5,6,7,8,9,10，Q1 =

迭代4：l1 = q1 = 2,3,5,7，

迭代1-3不会输出...

function Queue() {
var items = [];
var front=0;
var rear=0;
var size=20;
this.insert = function(element){
if(rear==size)
alert("Queue is full!");
else
{
items[rear]=element;
rear++;
}
};
this.delete = function(){
var deletedElement;
if(front==rear)
alert("Queue is empty!");
else
{
deletedElement=items[front];
front++;
}
return deletedElement;
};
this.deleteByElement = function(element) {
var index = items.indexOf(element);
if (index > -1) {
   items.splice(index, 1);
rear--;
}else {
alert("element not found ");
}
}
this.deleteByFactor = function(element) {
var isdeleted=false;
for(var i=front;i<rear;i++)
{
if(items[i]%element==0)
{
this.deleteByElement(items[i]);
        isdeleted=true;
}
}
        return isdeleted;
}
this.isEmpty = function(){
return rear == 0;
};
this.size = function(){
return items.length;
};
this.clear = function(){
items = [];
};
this.print = function(){
var queue='';
for(var i=front;i<rear;i++)
{
queue = queue + items[i]+",";
}
return queue;
};
}
function createNewQueue(queue)
{
var newqueue = new Queue();
var iter=0;
var start=2;
  
//Initial iteration
document.getElementById("output1").innerHTML = "Iteration "+ iter + ": L1 = " + queue.print() + " Q1 =" + newqueue.print();
while(!queue.isEmpty())
{
if(queue.deleteByFactor(start))
{
iter++;
newqueue.insert(start);
document.getElementById("output2").innerHTML = "Iteration " + iter + ": L1 = " + queue.print() + " Q1 =" + newqueue.print();
  
}
start++;
  
}   
  
}
var element = prompt("Enter Queue Element", "");
var queue = new Queue();
for(var i=2;i<=element;i++)
queue.insert(i);
//calling create new queue method
createNewQueue(queue);

<p>Queue Program</p>
<p id="output1"></p>
<p id="output2"></p>

Answer 1

您非常接近，看起来只有几件事。

首先，检查您的计数器变量。您想在循环的每一个迭代中更新iter，而不仅仅是if语句内。

其次，您对DIV #output2的输出每次迭代覆盖现有的输出。您需要附加新文本。

类似的东西将有效：

更新的代码

function createNewQueue(queue) {
  var newqueue = new Queue();
  var iter=0;
  var start=2;
  //Initial iteration
  var output = document.getElementById("output1");  //use a variable to store the output element
output.innerHTML = "<p>Iteration "+ iter + ": L1 = " + queue.print() + " Q1 =" + newqueue.print() + "</p>";
  while(!queue.isEmpty()) {
    iter++; //make sure to increment the counter with each loop
    if(queue.deleteByFactor(start)) {           
      newqueue.insert(start);
      //append the new output to the existing output  
      output.innerHTML = output.innerHTML + "<p>Iteration " + iter + ": L1 = " + queue.print() + " Q1 =" + newqueue.print() + "</p>";
    }
    start++;
  } //while    
} //createNewQueue()

输出

迭代0：l1 = 2,3,4,5,6,7,8,9,10，Q1 =
迭代1：L1 = 3,5,7,9，Q1 = 2，
迭代2：l1 = 5,7，Q1 = 2,3，
迭代4：l1 = 7，q1 = 2,3,5，
迭代6：l1 = q1 = 2,3,5,7，

您可以看到它在此JS小提琴中工作：https：//jsfiddle.net/igor_9000/abnbpp01/

希望有帮助！