IF/ELSE破坏javascript和JSON交互的逻辑

IF/ELSE破坏javascript和JSON交互的逻辑,javascript,html,arrays,json,Javascript,Html,Arrays,Json,不知何故,我构造if/else语句的方式导致此代码只有在页面类型id/面板类型id相同时才起作用 对于下面的代码段,它首先工作正常,看到页面类型id为2,它使用该逻辑隐藏不必要的div,然后使用其他语句确定panel类型id 2的内容转到一个div,而panel类型id 3转到另一个div 如果所有元素都有相同的page\u type\u id,那么它可以正常工作,但是如果page\u type\u id从2变为1或3,迭代会以某种方式中断,我不知道如何进行 在每次迭代中,应打印以下代码段: l

不知何故,我构造if/else语句的方式导致此代码只有在页面类型id/面板类型id相同时才起作用

对于下面的代码段,它首先工作正常,看到页面类型id为2,它使用该逻辑隐藏不必要的div,然后使用其他语句确定panel类型id 2的内容转到一个div,而panel类型id 3转到另一个div

如果所有元素都有相同的page\u type\u id,那么它可以正常工作,但是如果page\u type\u id从2变为1或3,迭代会以某种方式中断,我不知道如何进行

在每次迭代中,应打印以下代码段:

left 93  right 93
Full Page
Full Page 2
Full Page 3
下面是片段

const obj=[{
“pageID”:“93”,
“页面类型\ id”:“2”,
“显示id”:“2”,
“幻灯片顺序”:空,
“持续时间”:“74”,
“背景图片”:“images\/bg\u rainbow.svg”,
“面板id”:“86”,
“面板类型id”:“2”,
“cont_id”:“138”,
“contID”:“138”,
“内容”:“\r\n\r\n\r\n\r\n\r\n左93\r\n\r\n”
},
{
“pageID”:“93”,
“页面类型\ id”:“2”,
“显示id”:“2”,
“幻灯片顺序”:空,
“持续时间”:“74”,
“背景图片”:“images\/bg\u rainbow.svg”,
“面板id”:“87”,
“面板类型id”:“3”,
“cont_id”:“139”,
“contID”:“139”,
“内容”:“\r\n\r\n\r\n\r\n\r\n右93\r\n\r\n”
},
{
“pageID”:“94”,
“页面类型\ id”:“1”,
“显示id”:“2”,
“幻灯片顺序”:空,
“持续时间”:“74”,
“背景图片”:“images\/bg\u rainbow.svg”,
“面板id”:“87”,
“面板类型id”:“1”,
“cont_id”:“139”,
“contID”:“139”,
“内容”:“\r\n\r\n\r\n\r\n\r\n整页\r\n\r\n”
},
{
“pageID”:“95”,
“页面类型\ id”:“1”,
“显示id”:“2”,
“幻灯片顺序”:空,
“持续时间”:“74”,
“背景图片”:“images\/bg\u rainbow.svg”,
“面板id”:“87”,
“面板类型id”:“1”,
“cont_id”:“139”,
“contID”:“139”,
“内容”:“\r\n\r\n\r\n\r\n\r\n第2页\r\n\r\n”
},
{
“pageID”:“96”,
“页面类型\ id”:“1”,
“显示id”:“2”,
“幻灯片顺序”:空,
“持续时间”:“74”,
“背景图片”:“images\/bg\u rainbow.svg”,
“面板id”:“87”,
“面板类型id”:“1”,
“cont_id”:“139”,
“contID”:“139”,
“内容”:“\r\n\r\n\r\n\r\n\r\n第3页\r\n\r\n”
},
];
设计数器=0;
var fullContent=document.getElementById('fullContent');
var leftContent=document.getElementById('leftContent');
var righcontent=document.getElementById('righcontent');
var topLeftContent=document.getElementById('topLeftContent');
var topRightContent=document.getElementById('topRightContent');
var bottomLeftContent=document.getElementById('bottomLeftContent');
var bottomRightContent=document.getElementById('bottomRightContent');
var fullColumn=document.getElementById('fullColumn');
var leftColumn=document.getElementById('leftColumn');
var rightColumn=document.getElementById('rightColumn');
var leftColumnQtr=document.getElementById('leftColumnQtr');
var righcolumnqtrhalf=document.getElementById('righColumnqtrhalf');
var rightColumnQtr=document.getElementById('rightColumnQtr');
var leftColumnQtrHalf=document.getElementById('leftColumnQtrHalf');
const pages\u array=obj.reduce(函数(pages\u array,item,index,obj){
const current_pageID=item.pageID;
const exisiting_page=pages_array.find(page=>page.pageID==当前_pageID);
如果(现有页面===未定义){
常量新页面={
pageID:当前页面ID,
内容:[项目]
}
pages\u array.push(新建页面);
}否则{
现有页面内容推送(项目)
}
返回页面\u数组;
}, []);
设置间隔(()=>{
const currentJSONobject=pages_数组[计数器];
fullContent.innerHTML='';
rightContent.innerHTML='';
leftContent.innerHTML='';
topLeftContent.innerHTML='';
topRightContent.innerHTML='';
bottomLeftContent.innerHTML='';
bottomRightContent.innerHTML='';
对于(var i=0;ifor(var i = 0; i < currentJSONobject.content.length; i++){
    myFn(currentJSONobject, index)
}

function myFn(jsonObj, index) {
    switch (jsonObj.content[index].page_type_id ) {
        case 1:
            //...<logic for id 1>
        break;
        case 2:
            //...<logic for id 2>
        break:
        default:
        //... etc
    }
}