Въведение в масиви в JavaScript

Както знаем, обектите ни позволяват да съхраняваме ключови колекции от стойности. Но понякога се нуждаем от поръчана колекция, в която трябва да съхраняваме 1-ви, 2-ри, 3-ти елемент и много други. Например, помислете, че трябва да съхраняваме списък на нещо: данни на потребителите, данни за стоки и много други. Тук не е подходящо да се използва обект, тъй като той не предлага методи за управление на реда на елементите. Обектите не са създадени за такава употреба. Съществува специална структура данни, наречена Array, за съхраняване на поръчани колекции. Масивите в JavaScript позволяват да се съхраняват множество стойности в една променлива. Той съхранява един и същ вид колекция от елементи на последователни фиксирани размери.

Масивите в JavaScript се използват за съхраняване на набор от информация, но често е по-полезно за съхраняване на набор от променливи от същия тип. Масивът е единична променлива в JavaScript, която се използва за съхраняване на различни елементи. Когато искаме да съхраним списък с елементи и да получим достъп до тях чрез една променлива, той често се използва. За разлика от много други езици, където масивът е различна референтна променлива, в масива JavaScript има една променлива, която съхранява различни елементи. Обектните масиви в JavaScript са глобален обект, използван при изграждането на масив; които са обекти на високо ниво, подобни на списъци.

Как работи масивът в JavaScript?

Масивите в JavaScript са начин за съхраняване на елементи в една променлива в паметта. По своя индекс елементите могат да бъдат достъпни в масива. Индексът на масива започва с 0. Javascript масивите са базирани на нула, което означава, че индексът на първия елемент е 0. Това е много важно, защото означава, че отместването на една единица винаги ще съществува: първият елемент ще има индекс 0 и вторият елемент ще има индекс 1 и т.н.

Как да създадете масиви в JavaScript (пример)?

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

Масивът може да бъде създаден в JavaScript, както е дадено по-долу

var country = ("India", "England", "Srilanka");

В горното създаване инициализирате масив и той е създаден със стойности „Индия“, „Англия“ и „Шриланка“. Индексът на „Индия“, „Англия“ и „Шриланка“ е съответно 0, 1 и 2. Можете да добавите допълнителни елементи към масива на страната, след което можете да го направите, както е показано по-долу

country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";

пример


JavaScript Creating Array


var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;

продукция

Типове масиви в JavaScript (Обяснете всеки тип с пример)

По-долу са различните типове масиви в JavaScript, както следва:

  • Array Literal

Масивът може да бъде създаден с литерал на масив, като се използва по-долу синтаксис

var arrayname=(value1, value2…..valuen);

Помислете за простия пример за създаване на масив в JavaScript, като използвате Array Literal


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)

Резултат :

  • Масиране директно

Масивът може да бъде създаден с масив директно, като се използва новата ключова дума, както е показано по-долу в синтаксиса

var arrayname=new Array();

По-долу пример за създаване на масив в JavaScript, като използвате Array Direct с помощта на новата ключова дума


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)

Резултат :

  • Конструктор на масив

Екземплярът на масива може да бъде създаден чрез предаване на аргументи в конструктор. Следващият пример създава масив в JavaScript, като използва Array Constructor с помощта на новата ключова дума


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)

продукция

Обяснете методите на масив в JavaScript

По-долу са методите на масив в JavaScript, както следва

1. метод concat ()

Можете да създадете нов масив с комбинация от два или повече масива с помощта на метода concat ().

Синтаксис

array.concat(val1, val2, …, valN);

пример


JavaScript Array Method

var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );

продукция

2. всеки ()

всеки () метод проверява дали дадени елементи са верни или неверни в масив, както е предвидено в условието. Тя връща true, ако условието съвпада с даденото условие, в противен случай връща false.

Синтаксис

Array.every(callback, thisArg)

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

пример


JavaScript Array Method

var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));

продукция

3. fill ()

Методът fill () се използва за попълване на зададените статични стойности чрез промяна на оригиналните стойности в дадения масив.

Синтаксис

array.fill(value)

пример


JavaScript Array Method

var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);

продукция

4. филтър ()

Методът filter () се използва за филтриране на елементите на масива въз основа на даденото условие.

Синтаксис

array.filter(callback, thisArg)

пример


JavaScript Array Method

var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));

продукция

5. forEach ()

Методът forEach () се използва за извикване на функцията за всеки елемент от масива.

Синтаксис

array.forEach(callback, thisArg)

пример


JavaScript Array Method

var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));

продукция

6. включва ()

Методът включва () се използва за проверка дали даденият елемент е включен в масива или не. Ако елементът е включен в масив, тогава той връща true, в противен случай връща false.

Синтаксис

array.includes(element) //where “element” is a value which is to be searched in the array

пример


JavaScript Array Method

var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);

продукция

7. join ()

Методът join () се използва за комбиниране на елементи от масива в низ и осигурява нов низ.

Синтаксис

array.join(separator)

пример


JavaScript Array Method

var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);

продукция

8. поп ()

Методът pop () се използва за извличане на последния елемент от дадения масив.

Синтаксис

array.pop(operator)

пример


JavaScript Array Method

var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);

продукция

9. push ()

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

Синтаксис

array.push()

пример


JavaScript Array Method

var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);

продукция

10. обратен ()

Методът reverse () се използва за промяна на последователността на дадения масив от елементи. Последният елемент ще стане първи, а първият елемент ще стане последен.

Синтаксис

array.reverse()

пример


JavaScript Array Method

var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);

продукция

11. shift ()

Методът shift () се използва за връщане на първия елемент от масива.

Синтаксис

array.shift()

пример


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);

продукция

12. резен ()

Методът slice () се използва за показване на част от дадените елементи от масива, без да се променя първоначалният масив.

Синтаксис

array.slice(start, end)

пример


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);

продукция

13. сортиране ()

Методът sort () се използва за показване на масивните елементи във възходящ ред.

Синтаксис

array.sort()

пример


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);

продукция

14. сменяне ()

Методът unshift () се използва за добавяне на елементи в началото на масива.

Синтаксис

array.unshift(“element”)

пример


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);

продукция

15. indexOf ()

Методът indexOf () се използва за търсене на позицията на елемент в даден масив.

Синтаксис

array.indexOf(“element”)

пример


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);

продукция

заключение

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

Препоръчителен член

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

  1. JavaScript инструменти
  2. JavaScript математически функции
  3. Най-добрите рамки за Javascript
  4. Използване на JavaScript
  5. Масиви в PHP