Массивы и переменные
Переменные
Для того, чтобы лучше понять как это работает создадим на рабочем столе папку
C2S2.
Далее мы создадим в ней файл
index.html. Если сейчас открыть это документ в браузере, то мы увидим пустую страницу. Для того, чтобы ее заполнить, мы откроем этот документ в редакторе
Notepad++ или
Sublime и добавим туда обычный макет документа.
<doctype ntml>
<html>
<head>
<meta charset="utf-8">
<title>Variable & Arrays</title>
<script>
var car = 'Honda';//объявили переменную car со значением'Honda'
car = "toyota";// переопределили переменную - теперь надпись будет toyota
var x = 5;
</script>
</head>
<body>
<script>
document.write('Anysing');//вывели на страницу надпись Anysing
document.write(car);//значение переменной car
document.write("I have " + x + " aples");
</script>
</body>
</html>
Важно помнить что можно получить данные из одной части скрипта в другой области. Мы создали два скрипта. Один в голове и один (чтобы его было видно) в теле документа.
Чтобы вывести переменную в строке, нам нужно сделать так как в случае с яблоками. То есть использовать конкатенацию строк
Массивы
Создали новый массив (в голове документа)
var cars = new Array('Honda', 'Toyota', 'Ford');
Добавили новый элемент в массив
cars[3] = "Dodge";
Вывели на экран значение элемента массива
document.write(cars[0]);
Узнали длину массива
document.write(cars.length);
Узнали место элемента в массиве
document.write(cars.indexOf('Toyota'));
<html>
<head>
<title>Variables & Arrays</title>
<script>
var cars = new Array('Honda', 'Toyota', 'Ford');
cars[3] = "Dodge";
</script>
</head>
<body>
<script>
document.write(cars[0]);
document.write(cars.length);
document.write(cars.indexOf('Toyota'));
</script>
</body>
</html>