USStates		stateEntered
"Alabama"	[0]	1819
"Alaska"	[1]	1959
"Arizona"	[2]	1912
"Arkansas"	[3]	1836
...	[...]	...
"Wyoming"	[50]	1890

Рис. 7.1. Вид двух взаимосвязанных таблиц

Если на Web-странице используются обе эти таблицы и пользователю необходимо найти дату вступления конкретного штата в Конфедерацию, то сначала придется просмотреть все записи массива USStates, найти индекс нужного штата, а лишь затем по данному индексу из массива stateEntered вы узнаете нужную дату.

В данном примере на страницу добавляется текстовое поле - в него пользователь может ввести название штата, дату вступления которого в Конфедерацию необходимо определить. В реальном приложении такой подход может привести к некоторым проблемам. Вы должны обязательно проверить правильность вводимого пользователем названия.

В данном случае на такие "пустяки" пока отвлекаться не будем. Будем считать пользователя грамотным человеком. Конечно, при разработке настоящих приложений для Web такими вещами пренебрегать нельзя. Обработчик события текстового поля или специальной кнопки (в данный момент это не важно) вызывает функцию, которая занимается поиском элемента для названия штата, определяет соответствующую дату и отображает окно, содержащее найденную информацию.

function getStateDate() {

var selectedState = document.entryForm.entry.value;

for (var i = 0; i < USStates.length; i++) {

if (USStates[i] == selectedState) {

break;

}

}

alert("The state entered the Union in " + stateEntered[i] + ".");

}