关于数组更新

菜鸟正在看《JavaScript基础教程》第七版。碰到数组更新的地方看不懂，，，代码如下：
<body><h1>Create A Bingo Card</h1>
<table>
<tr>
     <th width="20%">B</th>
        <th width="20%">I</th>
        <th width="20%">N</th>
        <th width="20%">G</th>
        <th width="20%">O</th>
    </tr>
    <tr>
     <td id="square0"></td>
        <td id="square5"></td>
        <td id="square10"></td>
        <td id="square14"></td>
        <td id="square19"></td>
    </tr>
    <tr>
     <td id="square1"></td>
        <td id="square6"></td>
        <td id="square11"></td>
        <td id="square15"></td>
        <td id="square20"></td>
    </tr>
        <tr>
     <td id="square2"></td>
        <td id="square7"></td>
        <td id="free">free</td>
        <td id="square16"></td>
        <td id="square21"></td>
    </tr>
        <tr>
     <td id="square3"></td>
        <td id="square8"></td>
        <td id="square12"></td>
        <td id="square17"></td>
        <td id="square22"></td>
    </tr>
        <tr>
     <td id="square4"></td>
        <td id="square9"></td>
        <td id="square13"></td>
        <td id="square18"></td>
        <td id="square23"></td>
    </tr>
</table>
<p><a href="#" id="reload">Click here</a> to create a new card</p></body>
window.onload = initAll;
var usedNums = Array(76);function initAll(){
if(document.getElementById){
for(var i=0;i<24;i++){
setSquare(i);
}
}
else{
alert("sorry,your browser doesn't support this script");
}

} function setSquare(thisSquare){
var currSquare = "square" + thisSquare;
var colPlace = new Array(0,0,0,0,0,1,1,1,1,1,2,2,2,2,0,0,0,0,0,4,4,4,4,4);
var colBasis = colPlace[thisSquare]*15;
var newNum = colBasis + getNewNum()+1;

if(!usedNums[newNum]){
usedNums[newNum] = true;
document.getElementById(currSquare).innerHTML = newNum;
}
}代码中为了使出现在表格中的数字不重复，，用了一段如上红色标记的代码，这个是基于什么原理输出与不输出的？？