Arvon lisääminen taulukon JavaScriptiin

Arvon Lisaaminen Taulukon Javascriptiin



JavaScriptissä on useita tapoja lisätä elementti taulukkoon. Voit lisätä yksittäisen elementin, useita elementtejä tai jopa koko taulukon toiseen. JavaScript mahdollistaa myös taulukoiden kulkemisen tai muokkaamisen eri menetelmillä. Array.prototype-objekti on kaikkien ominaisuuksien ja menetelmien lähde.

Tässä artikkelissa selitetään arvon lisääminen taulukkoon.

Kuinka lisätä arvoa taulukkoon JavaScriptissä?

Voit lisätä arvon taulukkoon käyttämällä alla annettuja JavaScriptin ennalta määritettyjä menetelmiä:







  • push() -menetelmä
  • unshift()-menetelmä
  • splice() -menetelmä

Ymmärrämme nämä menetelmät perusteellisesti.



Tapa 1: Lisää arvo taulukkoon push()-menetelmällä

Jos haluat lisätä arvon taulukkoon, ' työntää() ” on yleisimmin käytetty menetelmä. Se yksinkertaisesti työntää elementin taulukkoon tai voimme sanoa, että se liittää elementit taulukon loppuun.



Syntaksi
Noudata annettua syntaksia:





Array . työntää ( 'elementti' ) ;

Täällä ' elementti ' työnnetään sisään' Array '' -sovelluksen avulla työntää() ”menetelmä.

Esimerkki
Ensin luomme taulukon nimeltä ' kukat ':



anna kukkia = [ 'Ruusu' , 'Lilja' , 'Jasmiini' ] ;

Tulostamme luodun taulukon elementit konsoliin käyttämällä ' console.log() 'menetelmä:

konsoli. Hirsi ( kukat ) ;

Sitten lisäämme elementin ' Tulppaani 'taulukossa' kukat ” push()-menetelmällä:

kukat. työntää ( 'Tulppaani' ) ;

Lopuksi tulostamme päivitetyn taulukon ' kukat ” sen jälkeen, kun olet lisännyt siihen elementin:

konsoli. Hirsi ( kukat ) ;

Kuten tulosteessa näkyy, elementti ' Tulppaani ” on lisätty onnistuneesti joukkoomme:

Jos haluat lisätä elementin taulukon alkuun, katso seuraava osa.

Tapa 2: Liitä arvo taulukkoon käyttämällä unshift()-menetelmää

Voit myös käyttää ' unshift() ”menetelmä arvon lisäämiseksi taulukkoon. Se lisää arvon taulukon alkuun.

Syntaksi
Käytä annettua syntaksia arvon lisäämiseen taulukon alkuun käyttämällä unshift()-menetelmää:

Array . poista vaihto ( 'elementti' ) ;

Esimerkki
Tarkastellaan samaa taulukkoa, joka luotiin edellisessä esimerkissä nimeltä ' kukat ”. Nyt lisäämme elementin ' Tulppaani ' taulukon alussa käyttämällä 'unshift()' -menetelmää:

kukat. poista vaihto ( 'Tulppaani' ) ;

Lopuksi tulostamme taulukon ' kukat ' konsolissa:

konsoli. Hirsi ( kukat ) ;

Tulos osoittaa, että elementti ' Tulppaani ” on lisätty onnistuneesti taulukon alkuun:

Katsotaanpa seuraava tapa lisätä elementti taulukon keskelle.

Tapa 3: Liitä arvo taulukkoon käyttämällä splice()-menetelmää

Toista menetelmää käytetään elementin liittämiseen taulukkoon nimeltä ' liitos() ”menetelmä. Se lisää elementin taulukon keskelle haluamaasi kohtaan. Se ottaa argumenttina kolme parametria.

Syntaksi
Noudata alla annettua splice()-menetelmän syntaksia:

Taulukot. liitos ( indeksi , deleteCount , 'elementti' ) ;

Täällä ' indeksi ' on paikka, johon uusi elementti pitäisi lisätä, ' deleteCount ' kertoo kuinka monta elementtiä tulee poistaa, ja ' elementti ” on arvo, joka lisätään taulukkoon.

Esimerkki
Nyt lisäämme elementin ' Tulppaani ' taulukon 1. indeksissä. Seuraavassa koodissa ' 1 ' on taulukon indeksi, johon elementti sijoitetaan, ja ' 0 ' tarkoittaa, että mitään elementtejä ei tarvitse poistaa taulukosta:

kukat. liitos ( 1 , 0 , 'Tulppaani' ) ;

Tulosta liitetty taulukko konsoliin:

konsoli. Hirsi ( kukat ) ;

Voit nähdä lähdössä, että elementti ' Tulppaani ” on sijoitettu onnistuneesti taulukon ensimmäiseen indeksiin:

Kokosimme kaikki menetelmät arvon lisäämiseksi JavaScript-taulukkoon.

Johtopäätös

Arvon lisäämiseksi taulukkoon voit käyttää JavaScriptin ennalta määritettyjä menetelmiä, mukaan lukien push()-, unshift()- ja splice()-metodi. Unshift()-menetelmällä voidaan lisätä uusi elementti taulukon alkuun, push()-menetelmällä voidaan lisätä uusi elementti loppuun ja splice()-menetelmällä voidaan lisätä uusi elementti taulukon keskellä. Tässä artikkelissa selitettiin arvojen liittäminen taulukkoon.