Пример слияние массивов и вывод результата
<html>
<script language="JavaScript">
<!--
function displayElements(theArray)
{
for(i=0; i<theArray.length; i++)
{
document.write(" - ",theArray[i][1]," ");
document.write(theArray[i][0],"<br>");
}
}
shelf1 = new Array(["A",10],["B",25]);
document.write("Shelf 1 contains:<br>");
displayElements(shelf1);
shelf2 = new Array(["C",50],["D",3],["E",8]);
document.write("Shelf 2 contains:<br>");
displayElements(shelf2);
inventory = shelf1.concat(shelf2);
document.write("<br>The total inventory contains:<br>");
displayElements(inventory);
--></script>
</html>
Пример сортировки массива
<html>
<head>
<title>Using the sort() method</title>
<script type="text/javascript" language="javascript">
<!-- //
function SortElements(){
var colors = new Array("red","blue","green");
colors.sort();
var cj = colors.join(", ");
alert("The sorted array contains: " + cj);
}
// -->
</script>
</head>
<body onload="SortElements()">
</body>
</html>
Пример разделения элементов «-«
<html>
<script language="JavaScript">
<!--
fruit = new Array("A","B","C");
aString = fruit.join("-");
document.write("The fruit array contains: ",aString);
-->
</script>
</html>
Лабораторная работа №2
Создайте массив из 100 элементов, заполненный случайными значениями от 10 до 100. Все элементы массива разместите в таблице 10Х10. Выведите отсортированный массив. Отдельно выведите на странице максимальный и минимальный элемент в массиве.
Пример для 6 элементов
Лабораторная работа №3
В массиве фамилий некоторые фамилии начинаются с маленькой буквы (с ошибками). Первую букву в каждой фамилии сделать обязательно заглавной и отсортировать все фамилии по алфавиту. Показать фамилии до обработки и после обработки на веб-страницах, причем вторая страница должна появляться по нажатию кнопки на первой странице, (усложнённое задание: сделать то же самое для массива, каждый элемент которого – ИФО, разделённые пробелом).
Тема №3 Организация работы с формой Пример 1: элементы формы
<html>
<head>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<form name="test_form_name" id="test_form_id" method="get" action="?">
<input type="hidden" name="hidden_name" id="hidden_id" value="hidden" /><br/>
<input type="text" name="text_name" id="text_id" value="text" /><br/>
<input type="password" name="password_name" id="password_id" value="password" /><br/>
<input type="radio" name="radio_group_1" id="radio_id_1" value="radio_1" />
<input type="radio" name="radio_group_1" id="radio_id_2" value="radio_2" />
<input type="radio" name="radio_group_1" id="radio_id_3" value="radio_3" /><br/>
<input type="radio" name="radio_group_2" id="radio_id_a" value="radio_a" />
<input type="radio" name="radio_group_2" id="radio_id_b" value="radio_b" />
<input type="radio" name="radio_group_2" id="radio_id_c" value="radio_c" checked="checked" /><br/>
<input type="checkbox" name="check_a" id="check_id_a" value="check_1" checked="checked" />
<input type="checkbox" name="check_b" id="check_id_b" value="check_2" />
<input type="checkbox" name="check_c" id="check_id_c" value="check_3" checked="checked" /><br/>
<select name="select_name_from" id="select_id_from">
<option value="option_1">1</value>
<option value="option_2" selected="selected">2</value>
<option value="option_3">3</value>
</select><br/>
<select name="select_name_to" id="select_id_to">
<option value="option_4">4</value>
<option value="option_5">5</value>
<option value="option_6">6</value>
</select><br/>
<textarea name="textarea_name" id="textarea_id" cols="20" rows="5">Textarea</textarea><br/>
<input type="submit" name="submit_name" id="submit_id" value="submit" />
<input type="reset" name="reset_name" id="reset_id" value="reset" />
</form>
<input type="button" value="Process Code" onClick="process();" />
<div id="result"></div>
</body>
</html>