33. Упражнение: Използване на динамични списъци (методи push, pop и splice)

 

Книга "Основи на програмирането" с JavaScript

Презентация 1

Теоретични материали

Списъци в JavaScript

Списъците в JavaScript са структури от данни, които съдържат поредица от елементи, които могат да бъдат различни типове данни като числа, низове, обекти и функции. Елементите в списъка се индексират от 0 до n-1, където n е броят на елементите в списъка. В JavaScript, списъци се реализират с помощта на масиви (arrays).

Ето някои ключови концепции за работа с масиви в JavaScript:

 

Създаване на масив: Можете да създадете масив, като използвате квадратни скоби ([]) и поставите елементите си, разделени със запетаи, вътре. Например:

const fruits = ["ябълка", "банан", "череша"];

 

Достъп до елементи: Можете да получите достъп до конкретни елементи в масив, като използвате индекса им. Индексирането започва от 0, така че първият елемент е на индекс 0, вторият е на индекс 1 и т.н. Например:

 

console.log(fruits[0]); // ще отпечата "ябълка"

console.log(fruits[2]); // ще отпечата "череша"

 

Дължина на масива: Можете да използвате свойството .length за да определите броя на елементите в масива. Например:

 

console.log(fruits.length); // ще отпечата 3

 

Добавяне на елементи: Има няколко метода за добавяне на елементи към масив. Например, методът .push() добавя елемент в края на масива.

 

fruits.push("портокал");

console.log(fruits); // ще отпечата ["ябълка", "банан", "череша", "портокал"]

 

Премахване на елементи: Методът .pop() премахва последния елемент от масива. Съществуват и други методи за премахване на елементи по индекс или по условие.

 

const lastFruit = fruits.pop();

console.log(fruits); // печата ["ябълка", "банан", "череша"]

console.log(lastFruit); // печата "портокал"

 

Добавяне на елементи на избрано място в списъка: Методът .splice()

Като параметри трябва да се посочат .splice(индекс, брой елементи за премахване, елементи за вмъкване). Ако не искаме да премахваме елементи слагаме 0 за този параметър.

 

Преминаване през масив: Можете да използвате цикли като for или forEach за да преминете през всеки елемент в масив и да извършите някаква операция с него.

for (const fruit of fruits) {

    console.log(fruit); // Печата всеки плод на отделен ред

}

Това са само някои от основите на работата с масиви в JavaScript. Има много други методи и функционалности, които можете да използвате за манипулиране и обработка на данните в масивите си.

 

Задачи за упражнение

Кликнете на съответния бутон и изпълнете задачите:
Задача 4: Самостоятелна работа - добавяне на елемент
  1. Към списъка с плодове от задача 3 добавете още 2 плода по ваш избор - един в началото и един в края на списъка;

  2. Изведете съдържанието на финалния списък в конзолата заедно с добавените елементи.