js如何将数据封装到对象中使得数据能够易于维护和更新?

Question

本人新手小白.     对于如图所示的html代码:要实现点击下面的小图片能够实时切换大图和小图,然后点击左边的导航能够切换整个图组.其中有很多的图片需要在动态删除增加节点时获取这些图片的src,我是通过将这些图片的src放到数组中实现的,但是我想要把它们放到对象中
使得代码能够更加地易于维护,就是别人可以很方便的更新这些图片.
应该如何将这些图片放到对象中,能让其他人可以方便地维护更新?

Answer 1

用这样的结构var arr = [
{p:"图片01小.jpg",g:"图片01大.jpg"},
{p:"图片02小.jpg",g:"图片02大.jpg"},
{p:"图片03小.jpg",g:"图片03大.jpg"},
{p:"图片04小.jpg",g:"图片04大.jpg"}
];

Answer 2

var  data =[{
    smallImg : "src ",
    bigImg : [
          "src","src",...
    ]
},{
    smallImg : "src ",
    bigImg : [
          "src","src",...
    ]
}],或者加上对应的标题var  data = {
              title1:{
                   smallImg : "src ",
                   bigImg : [
                         "src","src",...
                    ]
             },
             title2:{
                   smallImg : "src ",
                   bigImg : [
                        "src","src",...
                  ]
            }
},