Всичко, което трябва да знаете за методите с масиви на JavaScript



Този блог ще предостави задълбочени познания за това как работи масивът в javascript и кои са различните методи за масиви, използвани в JavaScript.

или уеб програмирането роди динамични уеб приложения. С възхода на мрежата JavaScript се превърна в един от най-важните езици в днешния свят.Това JavaScript масив статияще ви отведе до дълбочината на методите на масива в JavaScript в следната последователност:

Въведение в JavaScript

е интерпретиран език за програмиране на високо ниво, използван за да направи уеб страниците по-интерактивни. Това е много мощен скриптов език от страна на клиента, който прави вашата уеб страница по-оживена и интерактивна.





JavaScript - javascript масив - Edureka

Това е език за програмиране, който ви помага да внедрите сложен и красив дизайн на уеб страници. Ако искате вашата уеб страница да изглежда жива и да прави много повече от просто да ви гледа, JavaScript е задължителен.



Основи на JavaScript

Ако сте нов в езика, трябва да знаете някои от основи на JavaScript това ще ви помогне да започнете да пишете кода си. Основите включват:

  • Масиви

Можете да проверите за да вникнете в дълбочината на тези основни концепции и основи на JavaScript. В тази статия за JavaScript Array ще се съсредоточим върху различните методи за масив, използвани за дефиниране на списък с елементи.

JavaScript масив

Масивът е a структура на данни който съдържа списък с елементи, които съхраняват множество стойности под една променлива.



За да декларирате масив в JavaScript, използвайте ‘ позволявам ’С ключови думи с квадратни скоби и затворете всички елементи в тях. Синтаксисът е както следва:

let ListItems = [] ListItems = ['обувки', 'часовник', 'чанта']

Можете също да го декларирате като:

нека ListItems = ['обувки', 'часовник', 'чанта']

Разлика между масив и обекти

Променливите на JavaScript могат да бъдат обекти. Масивите се считат за специални видове обекти. Поради това можете да имате променливи от различен тип в един и същ масив.

myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems

В JavaScript, масиви използване номерирани индекси . Като има предвид, обекти се използват като наименовани индекси .

Методи за масив на JavaScript

Целта на използването на масив е да съхранявате множество стойности в едно цяло на декларирана променлива. Масивите се използват, когато искаме да получим подреден достъп до елементи с помощта на една променлива. Човек може да съхранява низове, булеви и числа в един масив.

факториал, използващ рекурсия в c

Има различни JavaScript масивни методи за да изпълнява различни задачи като:

  • натиснете () - Лесно е да премахвате елементи и да добавяте нови елементи, докато работите с масиви. Методът push () добавя да се нов елемент към край на масив. Връщаната стойност е новата дължина на масива.

Пример:

нека listItems = ['чанта', 'обувки', 'рокля'] console.log (listItems.push ('watch'))

Изход:

4

Push () не връща стойността, която е добавена към масива. Връща само новата дължина на масива.

  • поп ()- Методът pop () се използва за Премахване на последен елемент от масив. Връща стойността, която е изскочила.

Пример:

нека listItems = ['чанта', 'обувки', 'рокля'] console.log (listItems.pop ())

Изход:

рокля

Pop () връща стойността, която е била премахната, а не дължината на масива като Push ().

  • shift () - Преместването е подобно на пукането, като се работи върху първия елемент вместо върху последния. Методът shift () се използва за Премахване на първи елемент на масив и премества всички останали елементи на по-нисък индекс. Ще ви върне низът, който е изместен.

Пример:

нека listItems = ['чанта', 'обувки', 'рокля'] console.log (listItems.shift ())

Изход:

чанта

Shift () работи по същия начин като pop (), но връща първия елемент от масива вместо последния.

  • отместване () - The метод добавя нов елемент в начало на масив и отмества по-старите елементи. Той е подобен на Push () и връща новата дължина на масива.

Пример:

let listItems = ['bag', 'shoes', 'dress', 'watch'] console.log (listItems.unshift ('phone'))

Изход:

5

Unshift () ще добави новия елемент в масива и ще върне дължината на новия масив.

  • concat () - Методът concat () създава нов масив от обединяване или обединяване на съществуващи масиви. Тоне променя съществуващия масив и винаги връща нов масив.

Пример:

let arr1 = ['red', 'blue', 'green'] let arr2 = ['colors', 'spraypaint', 'brush'] let newArr = arr1.concat (arr2) console.log (newArr)

Изход:

  • toString () - Методът toString () се използва за конвертирате масив към a низ на стойностите на масива, разделени със запетаи.

Пример:

нека colors = ['red', 'blue', 'green'] console.log (colors.toString ())

Изход:

червено, синьо, зелено
  • присъединяване() - Методът join () работи по същия начин като toString (). Свикнало е да присъединяване всички елементи от масив в низ , но освен това можете да посочите разделител .

Пример:

нека colors = ['red', 'blue', 'green'] console.log (colors.join ('+'))

Изход:

червено + синьо + зелено
  • обратен() - Методът обратен () се използва за обратен на поръчка на елементите в масив. Той ще промени оригиналния масив и ще замени реда на елементите.

Пример:

нека плодове = ['манго', 'ябълка', 'грозде'] console.log (fruits.reverse ())

Изход:

  • вид() - Използва се методът sort () вид масив по азбучен ред . Тази функция по подразбиране сортира стойностите като низ.

Пример:

нека плодове = ['манго', 'ябълка', 'грозде'] console.log (fruits.sort ())

Изход:

  • парче () - Методът slice () се използва за филийка извадете парче от масив в нов масив. Създава нов масив, без да премахва елементи от масива източник. Той ще върне стойността, която е изрязана от масива.

Пример:

нека colors = ['червен', 'син', 'зелен', 'жълт', 'оранжев'] console.log (colors.slice (1,3))

Изход:

Това бяха едни от най-често използваните методи за масив на JavaScript. С това стигнахме до края на нашата статия. Надявам се, че сте разбрали как се използват масивни методи в JavaScript.

След като вече знаете за методите за масив на JavaScript, разгледайте от Edureka. Обучението за сертифициране на уеб разработки ще ви помогне да научите как да създавате впечатляващи уеб сайтове с помощта на HTML5, CSS3, Twitter Bootstrap 3, jQuery и Google API и да го внедрите в Amazon Simple Storage Service (S3).

Имате въпрос към нас? Моля, споменете го в раздела за коментари на „JavaScript Array“ и ние ще се свържем с вас.