Teknologian jakaminen

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

JavaScriptissä taulukko on erittäin tärkeä tietorakenne, jota käytetään useiden arvojen tallentamiseen. JS tarjoaa monia sisäänrakennettuja menetelmiä taulukoiden käsittelyyn, mikä tekee tietojenkäsittelystä helpompaa ja tehokkaampaa. Tämä artikkeli esittelee yksityiskohtaisesti joitain yleisesti käytettyjä JavaScript-taulukkomenetelmiä. Nämä eivät ole vain yleisesti käytettyjä menetelmiä päivittäisessä kehityksessä, vaan myös haastattelujen painopisteenä

1. push() ja pop()

työntää()

Push()-menetelmä lisää yhden tai useamman elementin taulukon loppuun ja palauttaa uuden taulukon pituuden.

let arr = [1, 2, 3];
 let newLength = arr.push(4, 5); // newLength is 5, arr is [1, 2, 3, 4, 5]

parametri: Yksi tai useampi elementti lisättäväksi taulukon loppuun.

palautusarvo: Uuden taulukon pituus.

pop()

Pop()-menetelmä poistaa elementin taulukon lopusta ja palauttaa sen.

let arr = [1, 2, 3, 4];
let removedElement = arr.pop(); // removedElement is 4, arr is [1, 2, 3]

parametri: ei mitään.

palautusarvo: Poistettu elementti.

2. shift() ja unshift()

siirtää()

Shift()-menetelmää käytetään poistamaan elementti taulukon alussa ja palauttamaan se.

let arr = [1, 2, 3, 4];
 
let removedElement = arr.shift(); // removedElement is 1, arr is [2, 3, 4]

parametri: ei mitään.

palautusarvo: Poistettu elementti.

unshift()

Unshift()-menetelmä lisää yhden tai useamman elementin taulukon alkuun ja palauttaa uuden taulukon pituuden.

let arr = [2, 3, 4];
let newLength = arr.unshift(0, 1); // newLength is 5, arr is [0, 1, 2, 3, 4]

parametri: Yksi tai useampi elementti lisättäväksi taulukon alkuun.

palautusarvo: Uuden taulukon pituus.

3. slice() ja splice()

viipale()

Slice()-menetelmää käytetään palauttamaan uusi taulukko, joka on valittu alusta loppuun (poissulkeva). Alkuperäistä taulukkoa ei muokata.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3); // newArr is [2, 3], arr is [1, 2, 3, 4, 5]

parametri:

alkaa(Valinnainen): Aloita poiminta tästä hakemistosta (ja mukaan lukien).

loppu(Valinnainen): Lopeta poiminta ennen tätä hakemistoa (ei sisällä).

palautusarvo:

uusi taulukko, joka sisältää kohteesta alkaa saapualoppu(lukuun ottamatta loppu)Elementit.

liitos()

liitos() Menetelmiä käytetään taulukon sisällön muokkaamiseen poistamalla tai korvaamalla olemassa olevia elementtejä tai lisäämällä uusia elementtejä. Palautusarvo on poistettu elementti.

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(2, 2, 6, 7); // removedElements is [3, 4], arr is [1, 2, 6, 7, 5]

parametri:

alkaa: Määrittää muokkauksen aloituspaikan.

deleteCount(valinnainen): Kokonaisluku, joka ilmaisee poistettavien elementtien määrän.

item1, item2, ...(valinnainen): Uusi elementti, joka lisätään taulukkoon.

palautusarvo: Poistetut elementit sisältävä taulukko.

4. concat()

concat() Menetelmä, jota käytetään kahden tai useamman taulukon yhdistämiseen. Tämä menetelmä ei muuta olemassa olevaa taulukkoa, vaan palauttaa uuden taulukon.

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2, [7, 8]); // newArr is [1, 2, 3, 4, 5, 6, 7, 8]

parametri: Joukko tai arvo, joka yhdistetään nykyiseen taulukkoon.

palautusarvo: uusi joukko.

5. forEach()

jokaiselle() Method suorittaa toimitetun funktion kerran kullekin taulukon elementille.

let arr = [1, 2, 3, 4];
arr.forEach((element, index) => {
  console.log(`Element at index ${index} is ${element}`);
});
// Output:
// Element at index 0 is 1
// Element at index 1 is 2
// Element at index 2 is 3
// Element at index 3 is 4

parametri: Funktio, joka hyväksyy parametreiksi nykyisen elementin, elementtiindeksin ja itse taulukon.

palautusarvo: ei mitään.

6. kartta()

kartta() Menetelmä luo uuden taulukon, jonka tuloksena jokainen taulukon elementti on tarjotun funktion kutsun palautusarvo.

let arr = [1, 2, 3, 4];
let newArr = arr.map(element => element * 2); // newArr is [2, 4, 6, 8]

parametri: Funktio, joka hyväksyy parametreiksi nykyisen elementin, elementtiindeksin ja itse taulukon.

palautusarvo: uusi joukko.

7. suodatin()

suodattaa() Menetelmä luo uuden taulukon, joka sisältää kaikki tarjotun funktion toteuttaman testin elementit.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(element => element > 2); // newArr is [3, 4, 5]

parametri: Funktio, joka hyväksyy nykyisen elementin, elementtiindeksin ja itse taulukon parametreiksi ja palauttaa Boolen arvon.

palautusarvo: uusi joukko.

8. vähentää()

vähentää() Menetelmä suorittaa antamasi vähennystoiminnon (nousevassa järjestyksessä) jokaiselle taulukon elementille ja tiivistää sen tulokset yhdeksi palautusarvoksi.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum is 10

parametri:vähennin Funktio, joka hyväksyy akun ja nykyisen arvon argumentteina.

alkuperäinen arvo(Valinnainen): Ensimmäisen parametrin arvona kutsuttaessa takaisinsoittotoimintoa ensimmäistä kertaa.

palautusarvo: Kertyneet tulokset.

9. löydä()

löytö() Method palauttaa taulukon ensimmäisen elementin arvon, joka täyttää tarjotun testifunktion.Muuten palautamäärittelemätön。

let arr = [1, 2, 3, 4];
let foundElement = arr.find(element => element > 2); // foundElement is 3

parametri: Funktio, joka hyväksyy nykyisen elementin, elementtiindeksin ja itse taulukon parametreiksi ja palauttaa Boolen arvon.

palautusarvo: Ensimmäinen elementin arvo, joka läpäisee testin.

10. sisältää()

sisältää () Menetelmää käytetään määrittämään, sisältääkö taulukko tietyn arvon. Tilanteesta riippuen se palautetaan, jos se sisältäätotta, muuten palauta väärä。

let arr = [1, 2, 3, 4];
let hasElement = arr.includes(3); // hasElement is true
let notIncluded = arr.includes(5); // notIncluded is false

parametri:

valueToFind: Löydettävä elementin arvo.

hakemistosta(Valinnainen): Aloita haku tästä hakemistosta.

palautusarvo: Boolen arvo.

Oppimalla nämä yleiset JavaScript-taulukkomenetelmät voimme käsitellä taustajärjestelmän välittämiä tietoja tehokkaammin ja kirjoittaa tiiviimpää ja luettavampaa koodia. Toivottavasti tämä artikkeli auttaa sinua!