В этом руководстве вы узнаете о массиве JavaScript с помощью примеров.
Как известно, переменная может хранить один элемент. Если вам нужно хранить сразу несколько элементов, вы можете использовать массив.
Массив - это объект, который может хранить несколько элементов . Например,
const myArray = ('hello', 'world', 'welcome');
Создать массив
Вы можете создать массив двумя способами:
1. Использование литерала массива
Самый простой способ создать массив - использовать литерал массива (). Например,
const array1 = ("eat", "sleep");
2. Использование нового ключевого слова
Вы также можете создать массив, используя newключевое слово JavaScript .
const array2 = new Array("eat", "sleep");
В обоих приведенных выше примерах мы создали массив из двух элементов.
Примечание. Для создания массива рекомендуется использовать литерал массива.
Вот еще примеры массивов:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Вы также можете хранить массивы, функции и другие объекты внутри массива. Например,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Доступ к элементам массива
Вы можете получить доступ к элементам внутри массива, используя индексы (0, 1, 2…) . Например,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Индексирование массивов в JavaScript
Примечание . Индекс массива начинается с 0, а не с 1.
Добавить элемент в массив
Вы можете использовать встроенный метод push()и unshift()добавить элемент в массив.
push()Метод добавляет элемент в конце массива и возвращает длину нового массива. Например,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()Метод добавляет новый элемент в начало массива и возвращает новую длину массива. Например,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Изменить элементы массива
Вы также можете добавлять или изменять элементы, обращаясь к значению индекса.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Предположим, массив состоит из двух элементов. Если вы попытаетесь добавить элемент с индексом 3 (четвертый элемент), третий элемент будет неопределенным. Например,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
В принципе, если вы попытаетесь добавить элементы к высоким индексам, индексы между ними будут иметь неопределенное значение.
Удалить элемент из массива
Вы можете использовать этот pop()метод для удаления последнего элемента из массива. pop()Метод также возвращает возвращаемое значение. Например,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Если вам нужно удалить первый элемент, вы можете использовать shift()метод. shift()Метод удаляет первый элемент , а также возвращает удаленный элемент. Например,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Длина массива
Вы можете узнать длину элемента (количество элементов в массиве), используя lengthсвойство. Например,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Методы массива
В JavaScript доступны различные методы массива, упрощающие выполнение полезных вычислений.
Некоторые из наиболее часто используемых методов массива JavaScript:
| Метод | Описание |
|---|---|
| concat () | объединяет два или более массивов и возвращает результат |
| индекс() | ищет элемент массива и возвращает его позицию |
| найти() | возвращает первое значение элемента массива, прошедшего проверку |
| findIndex () | возвращает первый индекс элемента массива, прошедшего проверку |
| для каждого() | вызывает функцию для каждого элемента |
| включает в себя() | проверяет, содержит ли массив указанный элемент |
| От себя() | добавляет новый элемент в конец массива и возвращает новую длину массива |
| unshift () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Поскольку массивы являются объектами, элементы массива хранятся по ссылке. Следовательно, когда значение массива копируется, любые изменения в скопированном массиве также отражаются в исходном массиве. Например,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Вы также можете хранить значения, передав именованный ключ в массив. Например,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Индексирование массивов в JavaScript
Однако не рекомендуется хранить значения, передавая произвольные имена в массиве.
Следовательно, в JavaScript вы должны использовать массив, если значения находятся в упорядоченной коллекции. В противном случае лучше использовать объект с ( ).
Рекомендуемые статьи
- JavaScript для каждого
- JavaScript для… из
- Многомерный массив JavaScript
