Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web-программирование - это просто!


Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «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

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 


Скриншоты,  приведенные в данной рассылке, являются цитатами и иллюстрациями  программного продукта "Internet Explorer", авторское право на который принадлежит "Microsoft"


 

 

 


В избранное