页面响应数组的改变

<meta charset=utf-8 />
<style>
body{margin:0}
li{list-style:none;cursor:pointer}
.nav{display:flex;flex-direction:column;justify-content:space-around}
.nav div{display:flex;justify-content:space-around}
</style>
<div class=nav></div>
<script src=jq.js></script>
<script>
function deepClone(obj){
	_obj = JSON.stringify(obj),
    objClone = JSON.parse(_obj);
    return objClone
}    
data=[
	{letter:'a',num:1},
	{letter:'b',num:2},
	{letter:'c',num:3},
]
b=deepClone(data)	
c=data=>data.map(obj=>'<div><li>'+obj.letter+'</li><li>'+obj.num+'</li></div>')
$('.nav').html(c(data))	
setInterval(function(){
	if(b != data){		
		$('.nav').html(c(data))
		b=deepClone(data)	
	}
},0)
</script>