Учебники

3) Учить массивы

Май 29, 2020

Что такое массив?

Массив — это объект, который может хранить коллекцию элементов . Массивы становятся действительно полезными, когда вам нужно хранить большие объемы данных одного типа. Предположим, вы хотите хранить сведения о 500 сотрудниках. Если вы используете переменные, вам придется создать 500 переменных, тогда как вы можете сделать то же самое с одним массивом. Вы можете получить доступ к элементам в массиве, ссылаясь на его индексный номер, и индекс первого элемента массива равен нулю.

JavaScript создать массив

Вы можете создать массив в JavaScript, как указано ниже. 

var students = ["John", "Ann", "Kevin"];

Здесь вы инициализируете свой массив как и когда он создается со значениями «John», «Ann» и «Kevin». Индекс «John», «Ann» и «Kevin» равен 0, 1 и 2 соответственно. Если вы хотите добавить больше элементов в массив студентов, вы можете сделать это следующим образом:

students[3] = "Emma";
students[4] = "Rose";

Вы также можете создать массив с помощью конструктора Array следующим образом: 

var students = new Array("John", "Ann", "Kevin");

ИЛИ 

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

Методы массива JavaScript

Объект Array имеет много свойств и методов, которые помогают разработчикам легко и эффективно обрабатывать массивы. Вы можете получить значение свойства, указав arrayname.property и выходные данные метода, указав arrayname.method ().

  1. свойство length -> если вы хотите узнать количество элементов в массиве, вы можете использовать свойство length.
  2. свойство prototype -> Если вы хотите добавить новые свойства и методы, вы можете использовать свойство prototype.
  3. Обратный метод -> Вы можете изменить порядок элементов в массиве, используя обратный метод.
  4. Метод сортировки -> Вы можете сортировать элементы в массиве, используя метод сортировки.
  5. Метод pop -> Вы можете удалить последний элемент массива, используя метод pop.
  6. метод сдвига -> Вы можете удалить первый элемент массива, используя метод сдвига.
  7. Метод push -> Вы можете добавить значение в качестве последнего элемента массива.

Попробуйте сами: 

1
<html>
2
<head>
3
    <title>Arrays!!!</title>
4
    <script type="text/javascript">
5
        var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
6
        Array.prototype.displayItems=function(){
7
            for (i=0;i<this.length;i++){
8
                document.write(this[i] + "<br />");
9
            }
10
        }   
11
        document.write("students array<br />");
12
        students.displayItems();
13
        document.write("<br />The number of items in students array is " + students.length + "<br />");
14
        document.write("<br />The SORTED students array<br />");
15
        students.sort();
16
        students.displayItems();
17
        document.write("<br />The REVERSED students array<br />");
18
        students.reverse();
19
        students.displayItems();
20
        document.write("<br />THE students array after REMOVING the LAST item<br />");
21
        students.pop();
22
        students.displayItems();
23
        document.write("<br />THE students array after PUSH<br />");
24
        students.push("New Stuff");
25
        students.displayItems();
26
    </script>
27
</head>
28
<body>
29
</body>
30
</html>

 

397
Share: