HTML / CSSJavaScriptNode jsПаттерны проектированияПрактические

Структуры данных

Массивы

тип данных: object

1var arr = []
2var arr1 = new Array()
3console.log(typeof arr) /// object
:pencil:Массив

Это упорядоченный набор переменных

  • Каждая переменная называется элементом массива
  • Элементы массива имеют порядковый номер ( индекс элемента массива )
  • Массивы JavaScript заворачиваются в квадратные скобки
  • Элементы массива разделяются запятыми
  • Получить элемент массива можно по его индексу
❗️Важно

Индексация элементов массива начинается с нуля, т.е. первый элемент массива будет иметь индекс 0

Запись массива в JS очень проста: элементы массива перечисляются через запятую в квадратных скобках:

1var numbers = [ 1, 19, 80 ]
2console.log(numbers[0]) /// 1
3console.log(numbers[1]) /// 19
4console.log(numbers[2]) /// 80

Каждый элемент массива может иметь собственный тип данных, отличный от типов других элементов массива

1var bag = [ "Apple", true, 25, false];
2
3console.log(bag[0]); /// Apple
4console.log(bag[1]); /// true
5console.log(bag[2]);/// 25
6console.log(bag[3]); /// false
1var students = [ "John", "Bob", "Tom" ]
2console.log(students[0]); /// John
3console.log(students[1]); /// Bob
4console.log(students[2]);/// Tom

Объекты

1var obj = {}
2console.log(typeof obj) /// object
  • Объекты объявляются с помощью фигурных скобок: { ... }
  • У объектов есть свойства, перечисляемые внутри фигурных скобок через запятую
  • Свойства объекта записываются как пары: имя свойства и значение свойства, разделенные двоеточием
1var student = {
2 name: "John",
3 age: 18
4}
ℹ️note

При обращении к свойству объекта сначала пишется имя объекта, затем разделитель - точка, затем уже имя свойства объекта.

:one:

1var student = {
2 name: "John",
3 age: 18
4};
5
6console.log(student.name); //John
7console.log(student.age); // 18

:two:

1var students = {
2 group: "KM",
3 course: 'Web',
4 names: [ "John", "Bob", "Tom" ]
5}
6
7
8console.log(students.group); // KM
9console.log(students.course); // Web
10console.log(students.names); // [ "John", "Bob", "Tom" ]
11console.log(students.names[1]); // Bob

:three:

1var students = {
2 group: "KM",
3 course: 'Web',
4 persons: [
5 {
6 name: "John",
7 homeworks: [ 6, 4, 8, 7 ]
8 },
9 {
10 name: "Bob",
11 homeworks: [ 7, 7, 6, 8 ]
12 },
13 {
14 name: "Tom",
15 homeworks: [ 9, 8, 9 ]
16 }
17 ]
18}
19
20
21console.log(students.group); // KM
22console.log(students.course); // Web
23console.log(students.persons); // [{ name: "John", homeworks: [ 6, 4, 8, 7 ]},...]
24console.log(students.persons[1]); // { name: "Bob", homeworks: [ 7, 7, 6, 8 ] }
25console.log(students.persons[1].name); // Bob
26console.log(students.persons[1].homeworks); // [ 6, 4, 8, 7 ]
27console.log(students.persons[1].homeworks[0]); // 6
Hello