Масиви в JavaScript. - Різні типи та методи масивів у JavaScript

Вступ до масивів у 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:

• Масив 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. кожний ()

метод кожного () перевіряє, чи задані елементи є істинні чи помилкові в масиві, як передбачено умовою. Він повертає істину, якщо умова відповідає даній умові, інакше повертається помилковою.

Синтаксис

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. включає ()

Метод include () використовується для перевірки, включений чи заданий елемент у масив чи ні. Якщо елемент включений у масив, він повертає 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 ()

Метод 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. Тут ми обговорюємо різні типи та методи масивів разом із Прикладом. Ви також можете ознайомитися з іншими запропонованими нами статтями, щоб дізнатися більше

1. Інструменти JavaScript
2. Функції JavaScript математики
3. Найкращі рамки Javascript
4. Використання JavaScript
5. Масиви в PHP