✅ Методи масивів у JavaScript - Вивчіть методи масивів у Javascript

Вступ до методів масивів у JavaScript

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

У нас також може бути вимога, коли нам потрібно видалити елементи даних з масиву, поп використовується для видалення елемента з кінця масиву, тобто останній елемент масиву буде видалений тощо.

Візьмемо приклад, щоб побачити те саме -

// 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. Скасувати ()

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

Це також може виявитися дорогою операцією, коли продуктивність повинна бути на рівні.

Давайте подивимось приклад того, як це зробити без змін -

Будь ласка, дивіться індекс, де на знімку з’являється щойно доданий елемент «Канада».

//add Canada country.unshift('Canada'); //print elements country.forEach(function(indexElement, index, array) ( console.log(indexElement, index); ) );

Вихід -

6. Сплайс

Цей метод використовується для видалення елементів на основі деякого індексу, який передає користувач, ми поки не побачили push і pop, shift, та Shift, всі вони мали справу з останнім та першим індексами, якщо ми маємо робити операцію видалення із середніми індексами нам потрібен метод сплайсингу і ми можемо передати індекс елементів для видалення з масиву.

Візьмемо приклад, коли ми дали початковий індекс, звідки всі елементи повинні бути видалені з масиву.

Я додав Newzealand до існуючого масиву і знову створив його розмір 4.

//the following statement will target index 2 and 3 to be removed. country.splice(2), /code>

Вихід -

7. isArray ()

Цей метод перевіряє, чи є змінна типу масиву чи ні.

Зробимо це з наступного знімка

Висновок

Тут ми побачили кілька методів обробки даних за допомогою JavaScript, що стане в нагоді при розробці ігор або розробці веб-сторінок.

Методи масивів у JavaScript - Вивчіть методи масивів у Javascript