Rozdelenie poľa na časti v JavaScripte zahŕňa rozdelenie poľa na menšie polia špecifikovanej veľkosti. Tento proces je užitočný na efektívnejšiu správu veľkých súborov údajov alebo na spracovanie údajov v menších, lepšie spravovateľných častiach v rámci aplikácie.
Metódy na rozdelenie poľa na časti:
Obsah
- Použitie metódy JavaScript slice().
- Použitie metódy splice() JavaScriptu
- Použitie metódy Lodash _.chunk().
- Použitie slučky na rozdelenie poľa
- Pomocou Array.reduce():
- Použitie Array.from() a Array.splice()
Použitie metódy JavaScript slice().
The plátok () metóda vráti nové pole obsahujúce vybrané prvky. Táto metóda vyberá prvky začínajúce od daného počiatočného argumentu a končiace na, ale s vylúčením daného koncového argumentu.
Syntax:
array.slice(start, end);>
Príklad: Tento príklad používa plátok () metóda na rozdelenie poľa na časti poľa. Túto metódu možno použiť opakovane na rozdelenie poľa ľubovoľnej veľkosti.
Javascript // Size of chunk let chunk = 4; // Input array let arr = [1, 2, 3, 4, 5, 6, 7, 8]; // Spiltted arrays let arr1 = arr.slice(0, chunk); let arr2 = arr.slice(chunk, chunk + arr.length); // Display Output console.log('Array1: ' + arr1 + '
Array2: ' + arr2);> Výkon
Array1: 1,2,3,4 Array2: 5,6,7,8>
Použitie metódy splice() JavaScriptu
metóda splice(). pridá/odstráni položky do/z poľa a vráti zoznam odstránených položiek.
Syntax:
array.splice(index, number, item1, ....., itemN);>
Príklad: Tento príklad používa spojiť () metóda na rozdelenie poľa na časti poľa. Táto metóda odstráni položky z pôvodného poľa. Túto metódu možno použiť opakovane na rozdelenie poľa ľubovoľnej veľkosti.
čo je awtJavascript
// Size of aaray chunks let chunk = 2; // Input array let arr = [1, 2, 3, 4, 5, 6, 7, 8]; // Splitted arrays let arr1 = arr.splice(0, chunk); let arr2 = arr.splice(0, chunk); let arr3 = arr.splice(0, chunk); let arr4 = arr.splice(0, chunk); // Display output console.log('Array1: ' + arr1); console.log('Array2: ' + arr2); console.log('Array3: ' + arr3); console.log('Array4: ' + arr4);> Výkon
Array1: 1,2 Array2: 3,4 Array3: 5,6 Array4: 7,8>
Použitím Metóda Lodash _.chunk().
V tomto prístupe používame Metóda Lodash _.chunk(). ktorý vráti dané pole v kúskoch podľa danej hodnoty.
Príklad: V tomto príklade rozbijeme pole odovzdaním veľkosti „3“ do metódy _.chunk(). Veľkosť chunku sa môže meniť a s funkciou chunk možno použiť pole rôznych dátových typov.
Javascript // Requiring the lodash module // in the script let _ = require('lodash'); let arr = [1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd']; console.log('Before: ', arr) // Making chunks of size 3 console.log('After: ', _.chunk(arr, 3))> Výkon:
Before: [ 1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd' ] After: [ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 'a', 'b', 'c' ], [ 'd' ] ]>
Použitie slučky na rozdelenie poľa
V tomto prístupe iterujeme pôvodné pole a nakrájame ho na kúsky požadovanej veľkosti, pričom každý kúsok vložíme do nového poľa.
Príklad:
JavaScript function chunkArray(array, chunkSize) { const chunks = []; for (let i = 0; i < array.length; i += chunkSize) { chunks.push(array.slice(i, i + chunkSize)); } return chunks; } const arr = [1, 2, 3, 4, 5, 6, 7, 8]; const chunkedArray = chunkArray(arr, 4); console.log(chunkedArray);> Výkon
[ [ 1, 2, 3, 4 ], [ 5, 6, 7, 8 ] ]>
Použitie Array.reduce()
Použitím Array.reduce() , rozdeľte pole na časti špecifikovanej veľkosti. Funkcia redukcie akumuluje časti na základe veľkosti chunkSize, pričom vkladá časti poľa do poľa chunks a vracia výsledné pole častí.
Príklad: V tomto príklade rozdelíme pole na časti špecifikovanej veľkosti pomocou metódy redukcie. Iteruje cez pole a tlačí podpolia s definovanou veľkosťou bloku do výsledného poľa.
JavaScript // Size of chunk let chunk = 4; // Input array let arr = [1, 2, 3, 4, 5, 6, 7, 8]; // Split array into chunks using reduce method let splittedArrays = arr.reduce((result, item, index) =>{ if (index % kus === 0) { vysledok.push(arr.slice(index, index + kus)); } vrátiť výsledok; }, []); // Zobrazenie výstupu splittedArrays.forEach((subArray, index) => { console.log(`Array${index + 1}: ${subArray}`); });> Výkon
Array1: 1,2,3,4 Array2: 5,6,7,8>
Použitie Array.from() a Array.splice()
Táto metóda zahŕňa vytvorenie nového poľa z pôvodného poľa pomocou Array.from() a následné opakované odstraňovanie prvkov z neho pomocou splice() na vytvorenie kúskov.
Príklad: V tomto príklade funkcia chunkArray rozdeľuje pole na časti špecifikovanej veľkosti. Vytvorí kópiu pôvodného poľa a opakovane extrahuje časti na základe veľkosti kúska, kým pole nie je prázdne.
JavaScript function chunkArray(array, chunkSize) { const chunks = []; const copyArray = Array.from(array); // Create a copy of the original array while (copyArray.length>0) { chunks.push(copyArray.splice(0, chunkSize)); } return chunks; } // Príklad použitia: const arr = [1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd']; const chunkSize = 3; const chunks = chunkArray(arr, chunkSize); console.log(kusy);> Výkon
[ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 'a', 'b', 'c' ], [ 'd' ] ]>