JavaScript masīva karte() metode

The map() metode JavaScript izveido jaunu masīvu, katram sākotnējā masīva elementam piemērojot funkciju. Tas izlaiž tukšus elementus un nemaina sākotnējo masīvu, padarot to ideāli piemērotu datu pārveidošanai.

Viena ievērojama map() metodes iezīme ir tās tukšo elementu apstrāde. Tas automātiski izlaiž šo elementu atzvanīšanas funkcijas izpildi, koncentrējoties tikai uz vērtību, kas nav tukšas, apstrādi. Šāda darbība nodrošina efektīvu un racionalizētu apstrādi, uzlabojot masīvu transformāciju vispārējo veiktspēju.

Sintakse:

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

Parametri:

  • elements: Tas ir obligāts parametrs, un tajā ir pašreizējā elementa vērtība.
  • indekss: Tas ir neobligāts parametrs, un tajā ir pašreizējā elementa indekss.
  • arr: Tas ir neobligāts parametrs, un tas satur masīvu.

Atgriešanas vērtība:

Tas atgriež jaunu masīvu, un masīvu elementi ir atzvanīšanas funkcijas rezultāts.

Piemērs: Šeit mēs izmantojam map()> metode, lai izveidotu jaunu masīvu, kurā ir katra skaitļa kvadrātsaknes sākotnējā masīvā.

Javascript
const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(num)); konsole.log(squareRoots); // Izvade: [1, 2, 3, 4, 5] 

Izvade
[ 1, 2, 3, 4, 5 ] 

Piemērs : Šajā piemērā tiek izmantota masīva map() metode un tiek atgriezts masīva elementa kvadrāts.

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) 

Izvade
[ { key: 0, value: 4 }, { key: 1, value: 25 }, { key: 2, value: 36 }, { key: 3, value: 9 }, { key: 4, value: 64 }, { key: 5, value: 81 } ] 

Piemērs: Šajā piemērā tiek izmantota metode array map(), lai saistītu rakstzīmi “A” ar katru vārda rakstzīmi.

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) 

Izvade
[ 'GA', 'eA', 'eA', 'kA', 'sA' ] 

Atzvanīšanas funkcijas izmantošana ar argumentu

ParseInt() izmantošana ar map() metodi. The parseInt()> funkcija pārvērš virknes veselos skaitļos. Lietojot kopā ar map()> , tas pārvērš katru virkņu masīva elementu veselos skaitļos.

Piemērs: Šeit mēs izmantojam parseint ar mapi ().

Javascript
const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); konsole.log(integers); // Izvade: [10, 20, 30]>>   
Izvade Mums ir pilns Javascript masīva metožu saraksts. Lai tās pārbaudītu, lūdzu, veiciet šo Javascript masīvs Pilnīga atsauce rakstu.

Mums ir Javascript apkrāptu lapa, kurā mēs apskatījām visas svarīgās Javascript tēmas, lai pārbaudītu tās, lūdzu, izlasiet tās Javascript Cheat Sheet — JavaScript pamata ceļvedis .

JavaScript ir vislabāk pazīstams ar tīmekļa lapu izstrādi, taču tas tiek izmantots arī dažādās vidēs, kas nav pārlūkprogrammas. Sekojot šim norādījumam, varat apgūt JavaScript jau no paša sākuma JavaScript apmācība un JavaScript piemēri .