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

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

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

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

Массивы в JavaScript - это способ хранения элементов в одной переменной в памяти. По его индексу элементы могут быть доступны в массиве. Индекс массива начинается с 0. Массивы Javascript начинаются с нуля, что означает, что индекс первого элемента равен 0. Это очень важно, потому что это означает, что смещение в одну единицу всегда будет существовать: у первого элемента будет индекс 0, и второй элемент будет иметь индекс 1 и т. д.

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

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

Массив может быть создан в JavaScript, как указано ниже

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

В приведенном выше создании вы инициализируете массив, и он был создан со значениями «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) + "
");
)

Выход :

  • Array Directly

Массив может быть создан с помощью массива напрямую, используя ключевое слово new, как показано ниже в синтаксисе

var arrayname=new Array();

Ниже приведен пример создания массива в JavaScript с использованием Array Directly с помощью ключевого слова new


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) + "
");
)

Выход :

  • Array Constructor

Экземпляр массива может быть создан путем передачи аргументов в конструкторе. В следующем примере создается массив в JavaScript с помощью конструктора Array с помощью ключевого слова new


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. каждый ()

Метод every () проверяет, являются ли данные элементы истинными или ложными в массиве, как указано в условии. Он возвращает истину, если условие соответствует данному условию, в противном случае возвращает ложь.

Синтаксис

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 () используется для заполнения указанных статических значений путем изменения исходных значений в данном массиве.

Синтаксис

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 () используется для проверки, включен ли данный элемент в массив или нет. Если элемент включен в массив, он возвращает истину, в противном случае возвращает ложь.

Синтаксис

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 () используется для объединения элементов массива в строку и предоставляет новую строку.

Синтаксис

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 () используется для добавления элемента в конец массива.

Синтаксис

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 ()

Метод 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 Frameworks
  4. Использование JavaScript
  5. Массивы в PHP

Категория:

Разработка программного обеспечения