✅ Методы массивов в 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. Foreach

Этот метод используется для зацикливания данных массива, и мы можем отображать каждый отдельный элемент в нужном месте на веб-странице.

var country = ('India', 'Australia', 'South Africa');

мы будем перебирать индекс от 0 до length-1, где length это размер массива, который здесь равен 3.

Теперь давайте переберем их, используя метод forEach -

пример

var country = ('India', 'Australia', 'South Africa'); country.forEach(function(indexElement, index, array) ( console.log(indexElement, index); ) );

Выход -

2. Нажмите

Всякий раз, когда у вас есть существующий массив, и тем временем вы выполняете некоторые вычисления, в которых этот массив, вероятно, будет получать какое-то значение данных, которое будет добавлено к нему. В этом случае должна использоваться функция нажатия.

Давайте добавим страну в определенный выше список, и мы повторим ее на этот раз, а также будет отображаться измененная длина.

Помните, что push будет выполняться при последнем доступном индексе в массиве.

пример

// 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. Сдвиг ()

У вас может быть требование, когда вам нужно вынуть элемент из массива, поэтому вы не можете использовать 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 (), и это также добавит накладные расходы на перемещение всех выходных элементов массива вправо на единицу. индекс в одной операции вставки.

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

Давайте посмотрим пример того, как сделать это unshifting -

Пожалуйста, посмотрите индекс, где недавно добавленный элемент «Канада» появляется в снимке.

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

Выход -

6. Сращивание

Этот метод используется для удаления элементов, основанных на некотором индексе, переданном пользователем, мы еще не видели push и pop, shift и unshift, все они имели дело с последним и первым индексами, если мы должны сделать операцию удаления со средними индексами, то нам нужен метод соединения, и мы можем передать индекс элемента, который будет удален из массива.

Давайте рассмотрим пример, в котором мы дали начальный индекс, откуда все элементы должны быть удалены из массива.

Я добавил Newzealand в существующий массив и снова сделал его размер 4.

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

Выход -

7. isArray ()

Этот метод проверяет, имеет ли переменная тип массив или нет.

Давайте сделаем это из следующего снимка

Вывод

Здесь мы увидели несколько методов манипулирования данными с помощью javascript, что очень удобно при разработке игр или веб-страниц.

Методы массивов в JavaScript - Изучите методы массивов в Javascript