Web-программирование: «Java Script(JS): Основные сведения об объектах. Объект Array».
На прошлом уроке мы начали рассматривать построение библиотеки визуальных объектов. Но, для того, что бы написать такую библиотеку, нам надо хорошо понимать, как работать с объектами Java Script. Поэтому продолжим изучать объекты. Для начала давайте уясним себе разницу между объектами и указателями на объекты. Если мы создали какой то объект, например так:
| myCar=new Car() |
то тем самым мы в памяти компьютера выделили для объекта место, а переменная myCar - это не более, чем адрес, где храниться адрес объекта. И если мы сделаем вот так:
| yourCar=myCar |
то мы не создаем новый объект, мы присваиваем лишь адрес. Таким образом, переменные myCar и yourCar будут указывать на одну и туже область памяти. И, изменим какое то свойство объекта myCar мы изменим так же это свойство и у yourCar. Все это можно проиллюстрировать следующим примером:
|
<html> <head>
<title>Урок
51. Java Script (JS): Основные сведения об
объектах. Объект
Array</title> </head> <body>
<SCRIPT
LANGUAGE="JavaScript"
TYPE="text/javascript">
function
Car(a_color, a_vendor, a_model) {
this.color=a_color
this.vendor=a_vendor
this.model=a_model
this.get_descr=get_descr
}
function
get_descr() {
res='Цвет '+this.color+', Марка машины: '+this.vendor+' '+this.model+"<br>"
return
res
}
var myCar=new Car('Красный','Рено','Логан')
var
myFriendCar=new Car('Синий','Лада','Калина')
document.write(myCar.get_descr())
document.write(myFriendCar.get_descr())
document.write("-------------<br>")
myFriendCar=myCar
myFriendCar.color='Зеленый'
document.write(myCar.get_descr())
document.write(myFriendCar.get_descr())
</SCRIPT> </body> </html> |
Запустив его, мы увидим вот такую картину:
| Цвет Красный, Марка
машины: Рено Логан Цвет Синий, Марка машины: Лада Калина ------------- Цвет Зеленый, Марка машины: Рено Логан Цвет Зеленый, Марка машины: Рено Логан |
А теперь рассмотрим стандартный объект Array. Это - массив. Он, грубо говоря, представляет из себя список. Давайте испытаем возможности Array на примере:
|
<html> <head>
<title>Урок
51. Java Script (JS): Основные сведения об
объектах. Объект
Array</title> </head> <body>
<SCRIPT
LANGUAGE="JavaScript"
TYPE="text/javascript">
var users=new Array()
do {
var
current=prompt("Как вас зовут?","")
var found=false
for (var i=0; i<users.length; i++) {
if (current==users[i])
{
document.write("Добро пожаловать в систему снова, "+current+"<br>")
found=true
break
}
}
if (!found
&& current) {
document.write("Добро
пожаловать, новый пользователь "+current+"<br>")
users.push(current)
}
} while
(current)
</SCRIPT> </body> </html> |
И вот что выдаст данный пример:
В данном примере мы создаем массив:
| var users=new Array() |
Затем производим поиск в массиве введенного имени, если не нашли, то добавляем:
| users.push(current) |
К элементам массива, как вы уже поняли, обращаемся через [], для того, что бы узнать длину массива, используем свойство length.
Массив мы можем создать и так:
| var users=new Array("Саша","Дима","Алеша") |
В массиве можно хранить не только строки, а вообще любые данные, при том разные. в том числе и другие массивы. Так что вот такой пример будет корректен:
|
<html> <head>
<title>Урок
51. Java Script (JS): Основные сведения об
объектах. Объект
Array</title> </head> <body>
<SCRIPT
LANGUAGE="JavaScript" TYPE="text/javascript">
var proba=new Array("Саша",34,new Array(1,2,3))
for (var i=0; i<proba.length; i++) {
document.write("Значение элемента "+i+":
"+proba[i]+"<br>")
}
</SCRIPT> </body> </html> |
И вот что он выдаст:
| Значение элемента 0:
Саша Значение элемента 1: 34 Значение элемента 2: 1,2,3 |