Массивы

#description

Массивы являются одним из основных типов данных в JavaScript. Они представляют собой упорядоченную коллекцию элементов, где каждый элемент может содержать любой другой тип данных – числа, строки, объекты, другие массивы и т.д.

Создание массива осуществляется при помощи квадратных скобок:

                    
let arr = []; // Пустой массив
let numbers = [1, 2, 3, 4, 5]; // Массив с числами
let strings = ['Hello', 'world']; // Массив со строками
let mixed = [1, 'Hello', {key: 'value'}]; // Массив со смешанными типами данных

Доступ к элементам массивов осуществляется по индексу, который начинается с 0:

                    
let arr = ['a', 'b', 'c', 'd'];
console.log(arr[0]); // 'a'
console.log(arr[2]); // 'c'

Длина массива может быть получена при помощи свойства length:

                    
let arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 5

Методы массивов позволяют добавлять, удалять и изменять элементы в массиве:

                    
let arr = [1, 2, 3, 4, 5];
arr.push(6); // Добавление элемента в конец массива
console.log(arr); // [1, 2, 3, 4, 5, 6]

arr.pop(); // Удаление последнего элемента массива
console.log(arr); // [1, 2, 3, 4, 5]

arr.shift(); // Удаление первого элемента массива
console.log(arr); // [2, 3, 4, 5]

arr.unshift(1); // Добавление элемента в начало массива
console.log(arr); // [1, 2, 3, 4, 5]

arr.splice(2, 1); // Удаление элемента из массива по индексу
console.log(arr); // [1, 2, 4, 5]

arr[1] = 'Two'; // Изменение элемента массива по индексу
console.log(arr); // [1, 'Two', 4, 5]

Также массивы могут быть использованы для итерации и выполнения функций над элементами массива:

                    
let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index, array) {
  console.log(item);
});
// Выводит: 1, 2, 3, 4, 5

let filteredArr = arr.filter(function(item) {
  return item > 2;
});
console.log(filteredArr); // [3, 4, 5]

let mappedArr = arr.map(function(item) {
  return item * 2;
});
console.log(mappedArr); // [2, 4, 6, 8, 10]

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

March 25, 2023

#example

Конечно, приведу!

Создать массив из чисел и найти сумму всех элементов:

                    
let numbers = [1, 3, 5, 7, 9];
let sum = 0;

for (let i = 0; i < numbers.length; i++) {
  sum += numbers[i];
}

console.log(sum); // 25

Создать массив из строк и объединить их в одну большую строку:

                    
let fruits = ['apple', 'banana', 'orange'];
let result = '';

for (let i = 0; i < fruits.length; i++) {
  result += fruits[i] + ' ';
}

console.log(result); // "apple banana orange "

Создать массив из объектов и отсортировать его по возрастанию определенного свойства (например, по возрасту):

                    
let people = [
  { name: 'John', age: 23 },
  { name: 'Jane', age: 32 },
  { name: 'Tom', age: 19 },
  { name: 'Alice', age: 27 },
];

people.sort((a, b) => a.age - b.age);

console.log(people); 
/*
  [{ name: 'Tom', age: 19 },
   { name: 'John', age: 23},
   { name: 'Alice', age: 27},
   { name: 'Jane', age: 32 }]
*/

Создать массив чисел и найти максимальный элемент:

                    
let numbers = [2, 5, 1, 9, 4];
let max = numbers[0];

for (let i = 1; i < numbers.length; i++) {
  if (numbers[i] > max) {
    max = numbers[i];
  }
}

console.log(max); // 9

Надеюсь, эти примеры помогут вам лучше понять работу с массивами в JavaScript!

March 28, 2023

Если вам не совсем понятен какой-то абзац текста из лекции, просто нажмите на него и сможете задать уточняющие вопросы по нему.

Если же непонятен весь вопрос, то нажмите на кнопки внизу, чтобы получить новый вариант объяснения, практические примеры или критически оценить сам вопрос.

Developer learning path

Массивы в JavaScript

Массивы