или веб-программирование породило динамические веб-приложения. С появлением Интернета JavaScript стал одним из самые важные языки в современном мире.Эта Массив JavaScript статьяпознакомит вас с методами массивов в JavaScript в следующей последовательности:
- Введение в JavaScript
- Основы JavaScript
- Массив JavaScript
- Разница между массивом и объектами
- Методы массива JavaScript
Введение в JavaScript
- это интерпретируемый язык программирования высокого уровня, используемый для повышения интерактивности веб-страниц. Это очень мощный язык сценариев на стороне клиента, который делает вашу веб-страницу более живой и интерактивной.
Это язык программирования, который помогает реализовать сложный и красивый дизайн на веб-страницах. Если вы хотите, чтобы ваша веб-страница выглядела живой и делала гораздо больше, чем просто смотрела на вас, JavaScript просто необходим.
Основы JavaScript
Если вы новичок в этом языке, вам необходимо знать некоторые из основы JavaScript это поможет вам начать писать свой код. Основы включают:
Вы можете проверить чтобы углубиться в эти базовые концепции и основы JavaScript. В этой статье о массиве JavaScript мы сосредоточимся на различных методах массива, используемых для определения списка элементов.
Массив JavaScript
Массив - это структура данных который содержит список элементов, которые хранят несколько значений в одной переменной.
повар против марионетки против ансибля
Чтобы объявить массив в JavaScript, используйте ' позволять ’Ключевое слово в квадратных скобках и заключите в них все элементы. Синтаксис следующий:
let ListItems = [] ListItems = ['обувь', 'часы', 'сумка']
Вы также можете объявить это как:
let ListItems = ['обувь', 'часы', 'сумка']
Разница между массивом и объектами
Переменные JavaScript могут быть объектами. Массивы считаются объектами особого типа. Благодаря этому в одном массиве могут быть переменные разных типов.
myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems
В JavaScript массивы использовать нумерованные индексы . В то время как, объекты используются как именованные индексы .
Методы массива JavaScript
Цель использования массив это хранить несколько значений в единое целое объявленной переменной. Массивы используются, когда мы хотим получить доступ к элементам упорядоченным образом с помощью одной переменной. В одном массиве можно хранить строки, логические значения и числа.
Они разные Методы массива JavaScript для выполнения различных задач, таких как:
От себя() - Легко удалять элементы и добавлять новые элементы при работе с массивами. Метод push () добавляет к новый элемент к конец массива. Возвращаемое значение - новая длина массива.
Пример:
let listItems = ['сумка', 'обувь', 'платье'] console.log (listItems.push ('смотреть'))Вывод:
4
Push () не возвращает значение, которое было добавлено в массив. Он возвращает только новую длину массива.
поп ()- Метод pop () используется для удалять то последний элемент из массива. Он возвращает значение, которое было выдвинуто.
Пример:
let listItems = ['сумка', 'обувь', 'платье'] console.log (listItems.pop ())
Вывод:
платье
Pop () возвращает значение, которое было удалено, а не длину массива, как Push ().
сдвиг() - Сдвиг похож на выталкивание, работая с первым элементом вместо последнего. Метод shift () используется для удалять то первый элемент массива и сдвигает все остальные элементы на более низкий индекс. Он вернет вам строку, которая была сдвинута.
Пример:
let listItems = ['сумка', 'обувь', 'платье'] console.log (listItems.shift ())
Вывод:
мешок
Shift () работает так же, как pop (), но возвращает первый элемент массива вместо последнего.
unshift () - The метод добавляет новый элемент в начало массива и отключает старые элементы. Он похож на Push () и возвращает новую длину массива.
Пример:
let listItems = ['сумка', 'обувь', 'платье', 'часы'] console.log (listItems.unshift ('phone'))Вывод:
5
Unshift () добавит новый элемент в массив и вернет длину нового массива.
concat () - Метод concat () создает новый массив с помощью сцепление или объединение существующих массивов. Этоне изменяет существующий массив и всегда возвращает новый массив.
Пример:
let arr1 = ['красный', 'синий', 'зеленый'] let arr2 = ['colors', 'spraypaint', 'brush'] let newArr = arr1.concat (arr2) console.log (newArr)
Вывод:
нанизывать() - Метод toString () используется для конвертировать массив в строка значений массива, разделенных запятыми.
Пример:
let colors = ['красный', 'синий', 'зеленый'] console.log (colors.toString ())
Вывод:
красный, синий, зеленый
присоединиться() - Метод join () работает так же, как toString (). Он используется для присоединиться все элементы массива в строка , но кроме того, вы можете указать разделитель .
Пример:
let colors = ['красный', 'синий', 'зеленый'] console.log (colors.join ('+'))Вывод:
красный + синий + зеленый
обеспечить регресс() - Метод reverse () используется для обеспечить регресс то порядок элементов в массиве. Это изменит исходный массив и поменяет местами порядок элементов.
Пример:
let fruit = ['манго', 'яблоко', 'виноград'] console.log (fruit.reverse ())
Вывод:
Сортировать() - Метод sort () используется для Сортировать массив по алфавиту . Эта функция по умолчанию сортирует значения как строку.
Пример:
let fruit = ['манго', 'яблоко', 'виноград'] console.log (fruit.sort ())
Вывод:
кусочек() - Метод slice () используется для кусочек из части массива в новый массив. Он создает новый массив без удаления каких-либо элементов из исходного массива. Он вернет значение, которое было вырезано из массива.
Пример:
let colors = ['красный', 'синий', 'зеленый', 'желтый', 'оранжевый'] console.log (colors.slice (1,3))
Вывод:
Это были одни из наиболее часто используемых методов массива JavaScript. На этом мы подошли к концу нашей статьи. Надеюсь, вы поняли, как в JavaScript используются методы массива.
Теперь, когда вы знаете о методах массива JavaScript, ознакомьтесь с пользователя Edureka. Курс по сертификации веб-разработки поможет вам узнать, как создавать впечатляющие веб-сайты с помощью HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3).
Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев «Массив JavaScript», и мы свяжемся с вами.