Web-программирование: «Java Script(JS): Основные сведения об объектах. Объект Array».

Автор megabax

11.05.2011 г.

Урок 13. Управление шрифтами в CSS New Page 1

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>

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>

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>

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

Последнее обновление ( 11.05.2011 г. )

« След.		Пред. »

Вернуться