Javascript 单击“下一步”和“上一步”按钮在HTML中追加对象数组

我需要在两个不同的

div

中追加对象，所以我使用了对象数组，每次单击“下一步”按钮都会显示下一个对象。问题是“下一步”按钮不起作用或没有执行任何操作

 var myArr = [
 {id: 0 , question1 : "Question1 Question1 Question1.", question2: "Question2 Question2 Question2"},
 {id: 1 , question1 : "Question1 Question1 Question1.", question2: "Question2 Question2 Question2"},
 {id: 2 , question1 : "Question1 Question1 Question1", question2: "Question2 Question2 Question2."}
 ];

var i = 0;
display(0); 

$('#prev__btn').click(function(){
    for (var i = 0; i < myArr.length; i--){
        if( i == myArr.length){
            i--;
            display(i);
        }
    }
});

$('#nxt__btn').click(function(){
    for (var i = 0; i < myArr.length; i++){
        if( i == myArr.length){
            i++;
            display(i);
        }
    }
});

function display(i) {       

    $('#question1').empty();
    $('#question1').append(myArr[i].question1);
    $('#question2').empty();
    $('#question2').append(myArr[i].question2);

    if(i == 0) 
        $('#prev__btn').hide();
    else  
        $('#prev__btn').show();     

    if(i == myArr.length-1)
        $('#nxt__btn').hide();
    else
        $('#nxt__btn').show(); 
}

var myArr=[
{id:0，问题1:“问题1问题1问题1.”，问题2:“问题2问题2问题2”}，
{id:1，问题1:“问题1问题1问题1.”，问题2:“问题2问题2问题2”}，
{id:2，问题1:“问题1问题1”，问题2:“问题2问题2问题2”。}
];
var i=0；
显示（0）；
$（'#prev_ubtn'）。单击（函数（）{
对于（变量i=0；i

试试看

var myArr=[
{id:0，问题1:“问题1-0问题1-0问题1-0.”，问题2:“问题2-0问题2-0问题2-0”}，
{id:1，问题1:“问题1-1问题1-1问题1-1.”，问题2:“问题2-1问题2-1问题2-1”}，
{id:2，问题1:“问题1-2问题1-2问题1-2”，问题2:“问题2-2问题2-2问题2-2”。}
];
让move=n=>box.innerHTML=inj（item.innerHTML，myArr[（idx+=n+k）%k]）；
设inj=（s，o）=>s.replace（/\${（.*）}/g，（x，g）=>o[g]）；
设idx=0，k=myArr.length
Prev
下一个
id:${id}
问题1:${question1}
问题2：${问题2}
如果（i==myArr.length）

这个->

将永远不会为真，因为当
i
不再是
时循环停止执行。