Переключить JavaScript | Методы массива Unshift() в JavaScript
JavaScript (JS) изначально был разработан Netspace для удовлетворения потребности в динамических элементах веб-сайтов. Это одна из самых важных технологий для веб-разработки. В этой статье Unshift JavaScript будут подробно описаны методы unshift() и их использование в массивах JavaScript в следующей последовательности:
- Массивы JavaScript
- Методы работы с массивами
- Вернуть JavaScript
Массивы JavaScript
Целью использования массива является хранение нескольких значений в одном объекте объявленной переменной. Массивы используются, когда мы хотим получить доступ к элементам упорядоченным образом, используя одну переменную. Он содержит различные типы элементов. В одном массиве можно хранить строки, логические значения и числа.
Существует два разных синтаксиса для объявления пустого массива:
let arr = new Array();
let arr = [];
Обычно используется второй синтаксис, и значения также могут быть переданы. Код написан следующим образом:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Arrays | Edureka</h2>
<p id= "edu"></p>
<script>
var learn = ["Edureka", "Online", "MOOC"];
document.getElementById("edu").innerHTML = learn;
</script>
</body>
</html>
Выход:
Элементы массива имеют значения индекса, начинающиеся с 0. Прежде чем углубляться, нам также необходимо понять различные свойства объекта массива, такие как конструктор, индекс, длина, ввод и прототип.
- Конструктор: Он возвращает примечание, созданное прототипом экземпляра JavaScript.
Синтаксис :
array.constructor
Код:
<html>
<head>
<title>JavaScript Array constructor | Edureka</title>
</head>
<body>
<script type = "text/javascript">
var edu = new Array( 10, 20, 30 );
document.write("edu.constructor is:" + edu.constructor);
</script>
</body>
</html>
- Выход: edu.constructor: функция Array() { [native code] }
Индекс:
Он представляет позицию элементов в массиве, начиная с 0.
Код:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Arrays | Edureka</h2>
<h2>JavaScript Arrays | Edureka</h2>
<p id="edu"></p>
<script>
var technologies = ["HTML5", "CSS3", "JavaScript"];
document.getElementById("edu").innerHTML = technologies[0];
</script>
</body>
</html>
Выход:
- Вход: Это свойство используется, когда массив создается с использованием регулярного выражения соответствия.
- Длина: Он возвращает 32-битное целое число, которое говорит нам о нет. элементов в массиве.
Синтаксис:
array.length
Код:
<html>
<head>
<title>JavaScript Array length | Edureka</title>
</head>
<body>
<script type = "text/javascript">
var edu = new Array( 10, 20, 30 );
document.write("edu.length is : " + edu.length);
</script>
</body>
<pre></html>
Выход:
edu.length: 3
Также свойство length можно отобразить, вызвав с id:
<button onclick="edurekaFunction()">Try it</button>
<script>
function edurekaFunction() {
var techniques = ["push", "pop", "splice", "unshift"];
document.getElementById("edu").innerHTML = techniques.length;
}
</script>
Выход:
- Прототип : Свойство прототипа позволяет нам добавлять методы и свойства к любому объекту (число, логическое значение, строка и дата и т. д.). Это глобальное свойство.
Синтаксис :
object.prototype.name = value
Код :
<html>
<head>
<title>Edureka Objects</title>
<script type = "text/javascript">
function Online(course, platform) {
this.course = course;
this.platform = platform;
}
</script>
</head>
<body>
<script type = "text/javascript">
var myOnline = new Online("R programming", "Edureka");
Online.prototype.price = null;
myOnline.price = 2400;
document.write("Online course is : " + myOnline.course + "<br>");
document.write("Online platform is : " + myOnline.platform + "<br>");
document.write("Online price is : " + myOnline.price + "<br>");
</script>
</body>
</html>
Выход :
Онлайн-курс: R-программирование
Онлайн-платформа: Edureka
Цена на сайте: 2400р.
Методы работы с массивами
Изучение массивов всегда весело. Сейчас существует множество методов работы с массивами, некоторые из них упомянуты ниже:
Разницу между push, pop, shift и unshift можно визуализировать следующим образом:
Это изображение помогает нам получить четкое представление о том, что всякий раз, когда нам нужно выполнить добавление и удаление в начале массива, unshift() и shift() служат этой цели. Элементы смещаются вправо, когда мы используем unshift(), и элементы сдвигаются влево, когда мы используем shift().
С другой стороны, когда нам нужно выполнить добавление и удаление в конечной части массива, нам помогают pop() и push(). В случае операций push() и pop() никакие элементы не сдвигаются, только добавление и удаление увеличивает или уменьшает количество значений индекса всего массива.
Итак, это подводит нас к одному основному вопросу любопытства: зачем нам нужен «неизменный JavaScript»? Прежде всего, важно знать, что это значит и что мы можем сделать с помощью этого метода.
Вернуть JavaScript
Метод Unshift() принимает значения, добавляет их в начало массива и возвращает новую измененную длину массива.
Поскольку это клиентская часть, браузер играет важную роль в функциональности таких методов. В случае Internet Explorer 8 и более ранних версий значения будут вставлены, но возвращаемое значение останется неопределенным.
Синтаксис :
<!DOCTYPE html>
<html>
<body>
Click on the button
<button onclick="edurekaFunction()">Button</button> <!--Defining Onclick Button Function-->
<!--id for reference-->
<script>
var technologies = ["HTML5", "CSS3", "JS", "C++"]; //Declaring the array
document.getElementById("edu").innerHTML = technologies;
function edurekaFunction() {
technologies.unshift("R", "C#"); //using unshift
document.getElementById("edu").innerHTML = technologies; //returning the new modified array
}
</script>
</body>
</html>
Всякий раз, когда происходит добавление с «отменить сдвиг ()”, индексы исходных элементов массива увеличиваются в 1 раз.
На этом мы подошли к концу нашей статьи. Надеюсь, вы поняли, что метод unshift JavaScript работает в Array.
Есть к нам вопрос? Пожалуйста, укажите это в разделе комментариев «Unshift JavaScript», и мы свяжемся с вами.
