Въведение в методите на масиви в JavaScript
Javascript предлага масиви за съхраняване на данни като цели числа, низ и дефинирани от потребителя обекти. Сценарият на случай на използване е подобен на концепцията за масиви, които намираме на други езици. В тази тема ще научим за методите на масиви в JavaScript.
Javascript е езикът на предния край, който добавя динамично поведение към уеб страница, тези масиви се използват за задържане на данни, които трябва да бъдат представени в уеб страницата, като имате списък с книги с тяхното име, име на автора, дата на публикуване и цена, така че това всички могат да бъдат поставени в обект и такива множество генерирани междувременно обекти могат да се съхраняват в тези масиви, които могат да бъдат предадени на контролера за обработка, или по същия начин контролерът може да го изпрати до изгледа за изобразяване.
Декларацията на масив в Javascript се прави така
var arr = new Array();
или
var arr=();
или
var arr = (1, 2, 3, 4);
Тук можете да видите едно нещо, което дадохме цели числа на масива и го маркирахме като тип var, в Javascript всички елементи ще се съхраняват само с тип var и ако трябва да бъдат третирани и цели числа или по друг начин типове данни, които виждате те изглеждат като, след това трябва да се направи анализ на този тип по време на използване на данни от масив.
Методи на масиви в Javascript
За обработката на данните от масива имаме на разположение множество методи, те ще ни помогнат да извършим някои операции, които са необходими по време на обработката на данни и манипулациите.
1. Предскажете
Този метод се използва за циклиране на данните от масива и можем да предоставим всеки отделен елемент в желания си заместител на уеб страницата.
var country = ('India', 'Australia', 'South Africa');
ще повторим от индекс 0 до дължина-1, където дължината е размерът на масива, който е 3 тук.
Сега нека повторим с тях чрез метода forEach -
пример
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Резултат -
2. Натиснете
Всеки път, когато имате съществуващ масив и междувременно извършвате някакво изчисление, където този масив вероятно ще получи някаква стойност на данните, която ще бъде добавена към него. В този случай се използва функция за натискане.
Нека добавим държава към горепосочения списък и този път ще повторим над нея, а също и променената дължина също ще бъде показана.
Не забравяйте, че натискането ще се извърши при последния наличен индекс в масива.
пример
// this line gives current length ie 3
console.log(country.length + ' is current length')
// here we push one more country
country.push('USA')
//print updated length
console.log(country.length + ' is current length')
// print each element and index
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Резултат -
3. Поп
Можем също така да имаме изискване, когато трябва да изтрием елементите от данни от масива, pop се използва за изтриване на елемента от края на масива, т.е. последният елемент от масива ще бъде изтрит и така нататък.
Нека вземем пример, за да видим същото -
// this line gives current length ie 4
console.log(country.length + ' is current length')
// pop the last element, it doesn't take any argument
Country.pop()
// this line gives current length ie 3, as the array lost one element
console.log(country.length + ' is current length')
Резултат -
4. Shift ()
Може да имате изискване, когато трябва да извадите елемента от предната част на масива, така че не можете да използвате pop за това, тъй като първо ще изтрие всичките си данни и след това ще ви накара да стигнете до първия си елемент, за това имаме промяна () метод, това ще премахне директно елемента от началото на масива.
Нека да видим пример по-долу за това -
Тук ще пуснем цикъла forEach, за да покажем кой елемент е изтрит.
// line below will remove India, which was the first element
country.shift() ;
//let's print the elements now
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Резултат -
На горната снимка можете да видите, че целият масив всъщност е изместен вляво, елементът „Австралия“ се е преместил от индекс 1 в индекс 0. Така че тази операция води до изместване на всички елементи на масива и може да бъде скъпа, когато данните са наистина огромни, така че това трябва да се използва с подходящ анализ и да се следват правилни техники за кодиране.
5. Разместване ()
Тук изискването е да добавите данните в предната част на масива, а не да добавяте към края му, този метод се нарича unshift () и това също ще добави режийни премествания на всички изходящи елементи от масива надясно по един индекс в една операция за поставяне.
Това също може да се окаже скъпоструваща операция, когато производителността трябва да бъде равна.
Нека да видим пример за това как да направите това преместване -
Моля, вижте индекса, в който на снимката се появява ново добавеният елемент „Канада“.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Резултат -
6. Сплайс
Този метод се използва за премахване на елементите въз основа на някакъв индекс, предаван от потребителя, ние все още не видяхме натискане и поп, смяна и преместване, всички тези, които се занимават с последния и първия индекс, ако трябва да премахнем операция със средни индекси тогава имаме нужда от метод на сплитане и можем да предадем индекса на елементите, за да бъдем премахнати от масива.
Да вземем пример, където сме дали начален индекс, откъдето нататък всички елементи трябва да бъдат премахнати от масива.
Добавих Newzealand в съществуващия масив и направих неговия размер 4 отново.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Резултат -
7. isArray ()
Този метод проверява дали дадена променлива е от тип масив или не.
Нека направим това от следната снимка
заключение
Тук видяхме множество методи за манипулиране на данни с JavaScript, което е удобно, когато разработвате игри или разработвате уеб страници.
Препоръчителни статии
Това е ръководство за методите на масиви в JavaScript. Тук обсъждаме множество методи, които ще ни помогнат да извършим някои операции, които са необходими по време на обработка на данни и манипулации. Може да разгледате и следните статии, за да научите повече -
- Конструктор в JavaScript
- Масиви в JavaScript
- Какво е JavaScript?
- Отмяна на JavaScript
- Масиви в PHP