JAVASCRIPT ARRAY MAP() -MENETELMÄ

The map() -menetelmä JavaScriptissä luo uuden taulukon soveltamalla funktion jokaiseen alkuperäisen taulukon elementtiin. Se ohittaa tyhjät elementit eikä muuta alkuperäistä taulukkoa, joten se on ihanteellinen tietojen muuntamiseen.

Yksi kartta()-menetelmän huomionarvoinen piirre on tyhjien elementtien käsittely. Se ohittaa automaattisesti näiden elementtien takaisinsoittotoiminnon suorittamisen keskittyen vain ei-tyhjien arvojen käsittelyyn. Tämä käyttäytyminen varmistaa tehokkaan ja virtaviivaistetun käsittelyn, mikä parantaa taulukkomuunnosten yleistä suorituskykyä.

Syntaksi:

map((element, index, array) =>{ /* … */ })

Parametrit:

elementti: Se on pakollinen parametri ja se sisältää nykyisen elementin arvon.
indeksi: Se on valinnainen parametri ja se sisältää nykyisen elementin indeksin.
arr: Se on valinnainen parametri ja se sisältää taulukon.

Palautusarvo:

Se palauttaa uuden taulukon ja taulukoiden elementit ovat tulosta takaisinsoittotoiminnosta.

Esimerkki: Tässä käytämme map()> menetelmällä luoda uusi taulukko, joka sisältää kunkin alkuperäisen taulukon luvun neliöjuuret.

Javascript

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(num)); konsoli.log(neliöRoots); // Tulostus: [1, 2, 3, 4, 5]>>   
  Lähtö   [ 1, 2, 3, 4, 5 ] 
        Esimerkki     : Tämä esimerkki käyttää array map() -menetelmää ja palauttaa taulukkoelementin neliön.  
Javascript   // Input array let arr = [2, 5, 6, 3, 8, 9]; // Using map to transform elements let newArr = arr.map(function (val, index) {  return { key: index, value: val * val }; }) // Display output console.log(newArr) 
    
  Lähtö       Esimerkki:     Tämä esimerkki käyttää array map() -menetelmää ketjuttamaan merkin A jokaisen nimen merkin kanssa.  
Javascript   //Input string let name = 'Geeks'; // New array of character and names // concatenated with 'A' let newName = Array.prototype.map.call(name, function (item) {  return item + 'A'; }) // Display output console.log(newName) 
    
  Lähtö   [ 'GA', 'eA', 'eA', 'kA', 'sA' ] 
   Takaisinsoittofunktion käyttäminen argumentin kanssa  
  ParseInt():n käyttö map()-menetelmän kanssa. The  parseInt()>  funktio muuntaa merkkijonot kokonaisluvuiksi. Kun käytetään  map()>  , se muuntaa jokaisen merkkijonojoukon elementin kokonaisluvuiksi.  
      Esimerkki:     Tässä käytämme parseint ja map().  
Javascript   const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log(integers); // Tulos: [10, 20, 30]>>   
  Lähtö    Meillä on täydellinen luettelo Javascript Array -menetelmistä. Tarkista ne käymällä läpi tämä   Javascript Array Täydellinen viittaus   artikla.  
   Meillä on Javascript-huijauslehti, jossa käsitimme kaikki tärkeät Javascriptin aiheet tarkistaaksemme ne, käy läpi   Javascript Cheat Sheet - JavaScriptin perusopas   .  
   JavaScript tunnetaan parhaiten verkkosivujen kehittämisestä, mutta sitä käytetään myös useissa muissa kuin selainympäristöissä. Voit oppia JavaScriptin alusta alkaen noudattamalla tätä   JavaScript opetusohjelma   ja   JavaScript-esimerkkejä   .