389 行
9.4 KiB
JavaScript
389 行
9.4 KiB
JavaScript
function ClosedHash(am, w, h)
|
|
{
|
|
this.init(am, w, h);
|
|
|
|
}
|
|
|
|
var ARRAY_ELEM_WIDTH = 90;
|
|
var ARRAY_ELEM_HEIGHT = 30;
|
|
var ARRAY_ELEM_START_X = 50;
|
|
var ARRAY_ELEM_START_Y = 100;
|
|
var ARRAY_VERTICAL_SEPARATION = 100;
|
|
var ELEMENTS_PER_ROW = 10;
|
|
|
|
var CLOSED_HASH_TABLE_SIZE = 29;
|
|
|
|
var ARRAY_Y_POS = 350;
|
|
|
|
|
|
var INDEX_COLOR = "#0000FF";
|
|
|
|
|
|
|
|
|
|
var MAX_DATA_VALUE = 999;
|
|
|
|
var HASH_TABLE_SIZE = 13;
|
|
|
|
var ARRAY_Y_POS = 350;
|
|
|
|
|
|
var INDEX_COLOR = "#0000FF";
|
|
|
|
|
|
|
|
ClosedHash.prototype = new Hash();
|
|
ClosedHash.prototype.constructor = ClosedHash;
|
|
ClosedHash.superclass = Hash.prototype;
|
|
|
|
|
|
ClosedHash.prototype.init = function(am, w, h)
|
|
{
|
|
var sc = ClosedHash.superclass;
|
|
var fn = sc.init;
|
|
fn.call(this,am, w, h);
|
|
|
|
//Change me!
|
|
this.nextIndex = 0;
|
|
//this.POINTER_ARRAY_ELEM_Y = h - POINTER_ARRAY_ELEM_WIDTH;
|
|
this.setup();
|
|
}
|
|
|
|
ClosedHash.prototype.addControls = function()
|
|
{
|
|
ClosedHash.superclass.addControls.call(this);
|
|
|
|
|
|
var radioButtonList = addRadioButtonGroupToAlgorithmBar(["Linear Probing: f(i) = i",
|
|
"Quadratic Probing: f(i) = i * i",
|
|
"Double Hashing: f(i) = i * hash2(elem)"],
|
|
"CollisionStrategy");
|
|
this.linearProblingButton = radioButtonList[0];
|
|
this.linearProblingButton.onclick = this.linearProbeCallback.bind(this);
|
|
this.quadraticProbingButton = radioButtonList[1];
|
|
this.quadraticProbingButton.onclick = this.quadraticProbeCallback.bind(this);
|
|
this.doubleHashingButton = radioButtonList[2];
|
|
this.doubleHashingButton.onclick = this.doubleHashingCallback.bind(this);
|
|
|
|
this.linearProblingButton.checked = true;
|
|
this.currentHashingTypeButtonState = this.linearProblingButton;
|
|
|
|
// Add new controls
|
|
|
|
}
|
|
|
|
|
|
ClosedHash.prototype.changeProbeType = function(newProbingType)
|
|
{
|
|
if (newProbingType == this.linearProblingButton)
|
|
{
|
|
this.linearProblingButton.checked = true;
|
|
this.currentHashingTypeButtonState = this.linearProblingButton;
|
|
for (var i = 0; i < this.table_size; i++)
|
|
{
|
|
this.skipDist[i] = i;
|
|
}
|
|
|
|
}
|
|
else if (newProbingType == this.quadraticProbingButton)
|
|
{
|
|
this.quadraticProbingButton.checked = true;
|
|
this.currentHashingTypeButtonState = this.quadraticProbingButton;
|
|
|
|
for (var i = 0; i < this. table_size; i++)
|
|
{
|
|
this.skipDist[i] = i * i;
|
|
}
|
|
|
|
|
|
}
|
|
else if (newProbingType == this.doubleHashingButton)
|
|
{
|
|
this.doubleHashingButton.checked = true;
|
|
this.currentHashingTypeButtonState = this.doubleHashingButton;
|
|
|
|
|
|
}
|
|
this.commands = this.resetAll();
|
|
return this.commands;
|
|
}
|
|
|
|
|
|
|
|
ClosedHash.prototype.quadraticProbeCallback = function(event)
|
|
{
|
|
if (this.currentHashingTypeButtonState != this.quadraticProbingButton)
|
|
{
|
|
this.implementAction(this.changeProbeType.bind(this),this.quadraticProbingButton);
|
|
}
|
|
|
|
}
|
|
|
|
|
|
ClosedHash.prototype.doubleHashingCallback = function(event)
|
|
{
|
|
if (this.currentHashingTypeButtonState != this.doubleHashingButton)
|
|
{
|
|
this.implementAction(this.changeProbeType.bind(this),this.doubleHashingButton);
|
|
}
|
|
|
|
}
|
|
|
|
ClosedHash.prototype.linearProbeCallback = function(event)
|
|
{
|
|
if (this.currentHashingTypeButtonState != this.linearProblingButton)
|
|
{
|
|
this.implementAction(this.changeProbeType.bind(this),this.linearProblingButton);
|
|
}
|
|
|
|
}
|
|
|
|
ClosedHash.prototype.insertElement = function(elem)
|
|
{
|
|
this.commands = new Array();
|
|
this.cmd("SetText", this.ExplainLabel, "Inserting element: " + String(elem));
|
|
var index = this.doHash(elem);
|
|
|
|
index = this.getEmptyIndex(index, elem);
|
|
this.cmd("SetText", this.ExplainLabel, "");
|
|
if (index != -1)
|
|
{
|
|
var labID = this.nextIndex++;
|
|
this.cmd("CreateLabel", labID, elem, 20, 25);
|
|
this.cmd("Move", labID, this.indexXPos[index], this.indexYPos[index] - ARRAY_ELEM_HEIGHT);
|
|
this.cmd("Step");
|
|
this.cmd("Delete", labID);
|
|
this.cmd("SetText", this.hashTableVisual[index], elem);
|
|
this.hashTableValues[index] = elem;
|
|
this.empty[index] = false;
|
|
this.deleted[index] = false;
|
|
}
|
|
return this.commands;
|
|
|
|
}
|
|
|
|
|
|
ClosedHash.prototype.resetSkipDist = function(elem, labelID)
|
|
{
|
|
var skipVal = 7 - (this.currHash % 7);
|
|
this.cmd("CreateLabel", labelID, "hash2("+String(elem) +") = 1 - " + String(this.currHash) +" % 7 = " + String(skipVal), 20, 45, 0);
|
|
this.skipDist[0] = 0;
|
|
for (var i = 1; i < this.table_size; i++)
|
|
{
|
|
this.skipDist[i] = this.skipDist[i-1] + skipVal;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
ClosedHash.prototype.getEmptyIndex = function(index, elem)
|
|
{
|
|
if (this.currentHashingTypeButtonState == this.doubleHashingButton)
|
|
{
|
|
this.resetSkipDist(elem, this.nextIndex++);
|
|
}
|
|
var foundIndex = -1;
|
|
for (var i = 0; i < this.table_size; i++)
|
|
{
|
|
var candidateIndex = (index + this.skipDist[i]) % this.table_size;
|
|
this.cmd("SetHighlight", this.hashTableVisual[candidateIndex], 1);
|
|
this.cmd("Step");
|
|
this.cmd("SetHighlight", this.hashTableVisual[candidateIndex], 0);
|
|
if (this.empty[candidateIndex])
|
|
{
|
|
foundIndex = candidateIndex;
|
|
break;
|
|
}
|
|
}
|
|
if (this.currentHashingTypeButtonState == this.doubleHashingButton)
|
|
{
|
|
this.cmd("Delete", --this.nextIndex);
|
|
}
|
|
return foundIndex;
|
|
}
|
|
|
|
ClosedHash.prototype.getElemIndex = function(index, elem)
|
|
{
|
|
if (this.currentHashingTypeButtonState == this.doubleHashingButton)
|
|
{
|
|
resetSkipDist(elem, this.nextIndex++);
|
|
}
|
|
var foundIndex = -1;
|
|
for (var i = 0; i < this.table_size; i++)
|
|
{
|
|
var candidateIndex = (index + this.skipDist[i]) % this.table_size;
|
|
this.cmd("SetHighlight", this.hashTableVisual[candidateIndex], 1);
|
|
this.cmd("Step");
|
|
this.cmd("SetHighlight", this.hashTableVisual[candidateIndex], 0);
|
|
if (!this.empty[candidateIndex] && this.hashTableValues[candidateIndex] == elem)
|
|
{
|
|
foundIndex= candidateIndex;
|
|
break;
|
|
}
|
|
else if (this.empty[candidateIndex] && !this.deleted[candidateIndex])
|
|
{
|
|
break; }
|
|
}
|
|
if (this.currentHashingTypeButtonState == this.doubleHashingButton)
|
|
{
|
|
this.cmd("Delete", --this.nextIndex);
|
|
}
|
|
return foundIndex;
|
|
}
|
|
|
|
ClosedHash.prototype.deleteElement = function(elem)
|
|
{
|
|
this.commands = new Array();
|
|
this.cmd("SetText", this.ExplainLabel, "正在删除元素： " + elem);
|
|
var index = this.doHash(elem);
|
|
|
|
index = getElemIndex(index, elem);
|
|
|
|
if (index > 0)
|
|
{
|
|
this.cmd("SetText", this.ExplainLabel, "正在删除元素： " + elem + " 元素已删除");
|
|
this.empty[index] = true;
|
|
this.deleted[index] = true;
|
|
this.cmd("SetText", this.hashTableVisual[index], "<deleted>");
|
|
}
|
|
else
|
|
{
|
|
this.cmd("SetText", this.ExplainLabel, "正在删除元素： " + elem + " Element not in table");
|
|
}
|
|
return this.commands;
|
|
|
|
}
|
|
ClosedHash.prototype.findElement = function(elem)
|
|
{
|
|
this.commands = new Array();
|
|
|
|
this.cmd("SetText", this.ExplainLabel, "正在搜索元素： " + elem);
|
|
var index = this.doHash(elem);
|
|
|
|
var found = getElemIndex(index, elem) != -1;
|
|
if (found)
|
|
{
|
|
this.cmd("SetText", this.ExplainLabel, "正在搜索元素： " + elem+ " 已找到！")
|
|
}
|
|
else
|
|
{
|
|
this.cmd("SetText", this.ExplainLabel, "正在搜索元素： " + elem+ " 未找到！")
|
|
|
|
}
|
|
return this.commands;
|
|
}
|
|
|
|
|
|
|
|
|
|
ClosedHash.prototype.setup = function()
|
|
{
|
|
this.table_size = CLOSED_HASH_TABLE_SIZE;
|
|
this.skipDist = new Array(this.table_size);
|
|
this.hashTableVisual = new Array(this.table_size);
|
|
this.hashTableIndices = new Array(this.table_size);
|
|
this.hashTableValues = new Array(this.table_size);
|
|
|
|
this.indexXPos = new Array(this.table_size);
|
|
this.indexYPos = new Array(this.table_size);
|
|
|
|
this.empty = new Array(this.table_size);
|
|
this.deleted = new Array(this.table_size);
|
|
|
|
this.ExplainLabel = this.nextIndex++;
|
|
|
|
this.commands = [];
|
|
|
|
for (var i = 0; i < this.table_size; i++)
|
|
{
|
|
this.skipDist[i] = i; // Start with linear probing
|
|
var nextID = this.nextIndex++;
|
|
this.empty[i] = true;
|
|
this.deleted[i] = false;
|
|
|
|
var nextXPos = ARRAY_ELEM_START_X + (i % ELEMENTS_PER_ROW) * ARRAY_ELEM_WIDTH;
|
|
var nextYPos = ARRAY_ELEM_START_Y + Math.floor(i / ELEMENTS_PER_ROW) * ARRAY_VERTICAL_SEPARATION;
|
|
this.cmd("CreateRectangle", nextID, "", ARRAY_ELEM_WIDTH, ARRAY_ELEM_HEIGHT,nextXPos, nextYPos)
|
|
this.hashTableVisual[i] = nextID;
|
|
nextID = this.nextIndex++;
|
|
this.hashTableIndices[i] = nextID;
|
|
this.indexXPos[i] = nextXPos;
|
|
this.indexYPos[i] = nextYPos + ARRAY_ELEM_HEIGHT
|
|
|
|
this.cmd("CreateLabel", nextID, i,this.indexXPos[i],this.indexYPos[i]);
|
|
this.cmd("SetForegroundColor", nextID, INDEX_COLOR);
|
|
}
|
|
this.cmd("CreateLabel", this.ExplainLabel, "", 10, 25, 0);
|
|
animationManager.StartNewAnimation(this.commands);
|
|
animationManager.skipForward();
|
|
animationManager.clearHistory();
|
|
this.resetIndex = this.nextIndex;
|
|
}
|
|
|
|
|
|
|
|
ClosedHash.prototype.resetAll = function()
|
|
{
|
|
this.commands = [];
|
|
for (var i = 0; i < this.table_size; i++)
|
|
{
|
|
this.empty[i] = true;
|
|
this.deleted[i] = false;
|
|
this.cmd("SetText", this.hashTableVisual[i], "");
|
|
}
|
|
return this.commands;
|
|
// Clear array, etc
|
|
}
|
|
|
|
|
|
|
|
// NEED TO OVERRIDE IN PARENT
|
|
ClosedHash.prototype.reset = function()
|
|
{
|
|
for (var i = 0; i < this.table_size; i++)
|
|
{
|
|
this.empty[i]= true;
|
|
this.deleted[i] = false;
|
|
}
|
|
this.nextIndex = this.resetIndex ;
|
|
ClosedHash.superclass.reset.call(this);
|
|
|
|
}
|
|
|
|
|
|
function resetCallback(event)
|
|
{
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ClosedHash.prototype.disableUI = function(event)
|
|
{
|
|
ClosedHash.superclass.disableUI.call(this);
|
|
this.linearProblingButton.disabled = true;
|
|
this.quadraticProbingButton.disabled = true;
|
|
this.doubleHashingButton.disabled = true;
|
|
}
|
|
|
|
ClosedHash.prototype.enableUI = function(event)
|
|
{
|
|
ClosedHash.superclass.enableUI.call(this);
|
|
this.linearProblingButton.disabled = false;
|
|
this.quadraticProbingButton.disabled = false;
|
|
this.doubleHashingButton.disabled = false;
|
|
}
|
|
|
|
|
|
|
|
|
|
var currentAlg;
|
|
|
|
function init()
|
|
{
|
|
var animManag = initCanvas();
|
|
currentAlg = new ClosedHash(animManag, canvas.width, canvas.height);
|
|
}
|