Web-Dev-For-Beginners/translations/bg/2-js-basics/4-arrays-loops

Основи на JavaScript: Масиви и Цикли

Скетч от Tomomi Imura

Тест преди лекцията

Тест преди лекцията

Тази лекция обхваща основите на JavaScript - езикът, който осигурява интерактивност в уеб. В този урок ще научите за масивите и циклите, които се използват за манипулиране на данни.

🎥 Кликнете върху изображенията по-горе за видеа относно масиви и цикли.

Можете да преминете този урок на Microsoft Learn!

Масиви

Работата с данни е често срещана задача за всеки програмен език, а тя става много по-лесна, когато данните са организирани в структурен формат, като например масиви. С масивите данните се съхраняват в структура, подобна на списък. Едно от основните предимства на масивите е, че можете да съхранявате различни типове данни в един масив.

✅ Масивите са навсякъде около нас! Можете ли да се сетите за реален пример за масив, като например масив от слънчеви панели?

Синтаксисът за масив е чифт квадратни скоби.

let myArray = [];

Това е празен масив, но масивите могат да бъдат декларирани вече попълнени с данни. Множеството стойности в масив се разделят със запетая.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];

Стойностите в масива получават уникална стойност, наречена индекс, която е цяло число, определено въз основа на разстоянието му от началото на масива. В примера по-горе, стринговата стойност "Chocolate" има индекс 0, а индексът на "Rocky Road" е 4. Използвайте индекса с квадратни скоби, за да извличате, променяте или добавяте стойности в масива.

✅ Изненадва ли ви, че индексите на масивите започват от нула? В някои програмни езици индексите започват от 1. Има интересна история за това, която можете да прочетете в Wikipedia.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
iceCreamFlavors[2]; //"Vanilla"

Можете да използвате индекса, за да промените стойност, като например:

iceCreamFlavors[4] = "Butter Pecan"; //Changed "Rocky Road" to "Butter Pecan"

И можете да добавите нова стойност на даден индекс по следния начин:

iceCreamFlavors[5] = "Cookie Dough"; //Added "Cookie Dough"

✅ По-често срещан начин за добавяне на стойности към масив е чрез използване на оператори като array.push().

За да разберете колко елемента има в масива, използвайте свойството length.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
iceCreamFlavors.length; //5

✅ Опитайте сами! Използвайте конзолата на браузъра си, за да създадете и манипулирате масив по ваш избор.

Цикли

Циклите ни позволяват да изпълняваме повтарящи се или итеративни задачи и могат да спестят много време и код. Всяка итерация може да варира по своите променливи, стойности и условия. В JavaScript има различни видове цикли, които имат малки разлики, но по същество правят едно и също нещо: обхождат данни.

For цикъл

Цикълът for изисква 3 части, за да се изпълни:

• counter Променлива, която обикновено се инициализира с число и брои итерациите
• condition Израз, който използва оператори за сравнение, за да спре цикъла, когато стане false
• iteration-expression Изпълнява се в края на всяка итерация, обикновено за промяна на стойността на брояча

// Counting up to 10
for (let i = 0; i < 10; i++) {
  console.log(i);
}

✅ Стартирайте този код в конзолата на браузъра. Какво се случва, когато направите малки промени в брояча, условието или израза за итерация? Можете ли да го накарате да работи назад, създавайки обратно броене?

While цикъл

За разлика от синтаксиса на for цикъла, while цикълът изисква само условие, което ще спре цикъла, когато стане false. Условията в циклите обикновено зависят от други стойности като броячи и трябва да се управляват по време на цикъла. Началните стойности за броячите трябва да бъдат създадени извън цикъла, а всички изрази за изпълнение на условието, включително промяната на брояча, трябва да се поддържат вътре в цикъла.

//Counting up to 10
let i = 0;
while (i < 10) {
 console.log(i);
 i++;
}

✅ Защо бихте избрали for цикъл вместо while цикъл? 17 хиляди потребители имаха същия въпрос в StackOverflow, а някои от мненията може да ви бъдат интересни.

Цикли и Масиви

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

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];

for (let i = 0; i < iceCreamFlavors.length; i++) {
  console.log(iceCreamFlavors[i]);
} //Ends when all flavors are printed

✅ Експериментирайте с обхождане на масив по ваш избор в конзолата на браузъра.

---

🚀 Предизвикателство

Има и други начини за обхождане на масиви освен for и while цикли. Съществуват forEach, for-of и map. Пренапишете цикъла си за масив, използвайки една от тези техники.

Тест след лекцията

Тест след лекцията

Преглед и Самостоятелно Учение

Масивите в JavaScript имат много методи, които са изключително полезни за манипулиране на данни. Прочетете за тези методи и изпробвайте някои от тях (като push, pop, slice и splice) върху масив, който сте създали.

Задача

Обход на Масив

---

Отказ от отговорност:
Този документ е преведен с помощта на AI услуга за превод Co-op Translator. Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия изходен език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален превод от човек. Ние не носим отговорност за каквито и да е недоразумения или погрешни интерпретации, произтичащи от използването на този превод.