Minden, amit tudnia kell a JavaScript tömb módszerekről

Ez a blog részletes ismereteket nyújt arról, hogyan működik a tömb javascriptben, és mik a különféle tömb módszerek, amelyeket a JavaScript használ.

vagy a webprogramozás dinamikus webalkalmazásokat hozott létre. Az internet térnyerésével a JavaScript az egyik legfontosabb nyelvek a mai világban.Ez JavaScript tömb cikkelviszi a JavaScript tömb metódusainak mélységébe a következő sorrendben:



Bevezetés a JavaScript-be

egy magas szintű, értelmezett programozási nyelv, amelyet a weboldalak interaktívabbá tételéhez használnak. Ez egy nagyon hatékony kliensoldali szkriptnyelv, amely élénkebbé és interaktívabbá teszi weboldalát.



JavaScript - javascript tömb- Edureka

Ez egy programozási nyelv, amely segít komplex és gyönyörű dizájn megvalósításában a weboldalakon. Ha azt szeretné, hogy weblapja életben nézzen ki, és sokkal többet tegyen, mint hogy csak rátok nézzen, a JavaScript elengedhetetlen.



A JavaScript alapjai

Ha még nem ismeri a nyelvet, ismernie kell néhányat a nyelvről a JavaScript alapjai ez segít megkezdeni a kód írását. Az alapok a következők:

  • Tömbök

Megnézheti a hogy a JavaScript ezen alapfogalmainak és alapjainak mélységébe kerüljön. Ebben a JavaScript tömb cikkben az elemek listájának meghatározásához használt különféle tömb módszerekre fogunk összpontosítani.

JavaScript tömb

Egy tömb a adatszerkezet amely olyan elemek listáját tartalmazza, amelyek több értéket tárolnak egyetlen változó alatt.



Tömb deklarálásához a JavaScript-ben használja a hadd ’Kulcsszó szögletes zárójelben, és csatolja bele az összes elemet. A szintaxis a következő:

hadd ListItems = [] ListItems = ['cipő', 'karóra', 'táska']

Azt is kijelentheti, hogy:

hadd ListItems = ['cipő', 'karóra', 'táska']

Különbség a tömb és az objektumok között

A JavaScript változók objektumok lehetnek. A tömbök különleges típusú objektumok. Emiatt ugyanazon tömbben különböző típusú változók lehetnek.

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

JavaScriptben tömbök használat számozott indexek . Mivel, tárgyakat használják megnevezett indexek .

JavaScript tömb módszerek

Az sor tárolni több érték a egyetlen entitás egy deklarált változó értéke. A tömbök akkor használatosak, amikor az elemeket rendezett módon akarjuk elérni egyetlen változó segítségével. A karakterláncokat, logikai értékeket és számokat egyetlen tömbben tárolhatja.

sql és pl sql oktatóanyag

Vannak különböző JavaScript tömb módszerek különféle feladatok elvégzése érdekében, például:

  • nyom() - Könnyű eltávolítani az elemeket és új elemeket hozzáadni tömbök használata közben. A push () metódus - teszi hozzá nak nek új elem hoz vége egy tömb. A visszatérési érték az új tömbhossz.

Példa:

let listItems = ['táska', 'cipő', 'ruha'] console.log (listItems.push ('óra'))

Kimenet:

4

A Push () doest nem adja vissza a tömbhöz hozzáadott értéket. Csak a tömb új hosszát adja vissza.

  • pop ()- A pop () metódust használják eltávolítani az utolsó elem tömbből. Visszaadja a kiugrott értéket.

Példa:

let listItems = ['táska', 'cipő', 'ruha'] console.log (listItems.pop ())

Kimenet:

ruha

A Pop () az eltávolított értéket adja vissza, és nem a tömb hosszát, mint a Push ().

  • váltás() - A váltás hasonló a durranáshoz, az első elemen dolgozik az utolsó helyett. A shift () metódust arra használják eltávolítani az első tömb elem és az összes többi elemet alacsonyabb indexre tolja. Visszaadja az áthelyezett karakterláncot.

Példa:

let listItems = ['táska', 'cipő', 'ruha'] console.log (listItems.shift ())

Kimenet:

táska

A Shift () ugyanúgy működik, mint a pop (), de a tömb első elemét adja vissza az utolsó helyett.

  • váltás () - Az módszer - teszi hozzá új elem a tömb kezdete és elmozdítja a régebbi elemeket. Hasonló a Push () -hoz és az új tömbhosszt adja vissza.

Példa:

let listItems = ['táska', 'cipő', 'ruha', 'karóra'] console.log (listItems.unshift ('telefon'))

Kimenet:

5.

Az Unshift () hozzáadja az új elemet a tömbhöz, és visszaadja az új tömb hosszát.

  • concat () - A concat () metódus új tömböt hoz létre összefűzve vagy a meglévő tömbök összevonása. Aztnem módosítja a meglévő tömböt, és mindig új tömböt ad vissza.

Példa:

let arr1 = ['piros', 'kék', 'zöld'] let arr2 = ['színek', 'spraypaint', 'ecset'] let newArr = arr1.concat (arr2) console.log (newArr)

Kimenet:

  • toString () - A toString () metódust használják alakítani tömb a húr tömbértékek vesszővel elválasztva.

Példa:

legyen színek = ['piros', 'kék', 'zöld'] console.log (colors.toString ())

Kimenet:

piros, kék, zöld
  • csatlakozik() - A join () metódus ugyanúgy működik, mint a toString (). Megszokta csatlakozik az összes tömb elem a húr , de ezen felül megadhatja a szétválasztó .

Példa:

had színek = ['piros', 'kék', 'zöld'] console.log (színek.csatlakozzon ('+'))

Kimenet:

piros + kék + zöld
  • fordított() - A fordított () metódust használják fordított az rendelés tömb elemei közül. Megváltoztatja az eredeti tömböt, és felcseréli az elemek sorrendjét.

Példa:

hadd gyümölcsök = ['mangó', 'alma', 'szőlő'] console.log (gyümölcsök.reverse ())

Kimenet:

  • fajta() - A sort () metódust használják fajta egy tömb betűrendben . Ez a függvény alapértelmezés szerint stringként rendezi az értékeket.

Példa:

hadd gyümölcsök = ['mangó', 'alma', 'szőlő'] console.log (fruits.sort ())

Kimenet:

  • szelet() - A szelet () metódust használják szelet ki egy tömb egy darabját egy új tömbbe. Új tömböt hoz létre anélkül, hogy bármilyen elemet eltávolítana a forrás tömbből. Visszaadja a tömbből kivágott értéket.

Példa:

legyen színek = ['piros', 'kék', 'zöld', 'sárga', 'narancs'] console.log (színek.szelet (1,3))

Kimenet:

Ezek voltak a leggyakrabban használt JavaScript tömb módszerek. Ezzel a cikkünk végére értünk. Remélem, megértette, hogyan használják a tömb módszereket a JavaScript-ben.

Most, hogy ismeri a JavaScript tömb metódusait, nézze meg a írta Edureka. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k segítségével, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.

Van egy kérdésünk? Kérjük, említse meg a „JavaScript Array” megjegyzés rovatában, és mi kapcsolatba lépünk Önnel.