Razdelitev matrike na dele v JavaScriptu vključuje razdelitev matrike na manjše matrike določene velikosti. Ta postopek je uporaben za učinkovitejše upravljanje velikih naborov podatkov ali za obdelavo podatkov v manjših, bolj obvladljivih delih znotraj aplikacije.
Metode za razdelitev matrike na dele:
Kazalo
- Uporaba metode JavaScript slice().
- Uporaba metode JavaScript splice().
- Uporaba metode Lodash _.chunk().
- Uporaba zanke za razdelitev matrike
- Uporaba Array.reduce():
- Uporaba Array.from() in Array.splice()
Uporaba metode JavaScript slice().
The metoda rezine (). vrne novo matriko, ki vsebuje izbrane elemente. Ta metoda izbere elemente, ki se začnejo od danega začetnega argumenta in končajo pri, vendar izključujejo dani končni argument.
Sintaksa:
array.slice(start, end);>
primer: Ta primer uporablja rezina () metoda za razdelitev matrike na dele matrike. To metodo lahko večkrat uporabite za razdelitev matrike poljubne velikosti.
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);> Izhod
Array1: 1,2,3,4 Array2: 5,6,7,8>
Uporaba metode JavaScript splice().
metoda splice(). doda/odstrani elemente v/iz matrike in vrne seznam odstranjenih elementov.
Sintaksa:
array.splice(index, number, item1, ....., itemN);>
primer: Ta primer uporablja spoj () metoda za razdelitev matrike na dele matrike. Ta metoda odstrani elemente iz prvotne matrike. To metodo lahko večkrat uporabite za razdelitev matrike poljubne velikosti.
razlika med lisico in volkomJavascript
// 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);> Izhod
Array1: 1,2 Array2: 3,4 Array3: 5,6 Array4: 7,8>
Uporaba Metoda Lodash _.chunk().
Pri tem pristopu uporabljamo Metoda Lodash _.chunk(). ki vrne dano matriko v kosih glede na dano vrednost.
primer: V tem primeru razbijamo matriko tako, da posredujemo velikost '3' v metodo _.chunk(). Velikost kosa je mogoče spreminjati in s funkcijo kosa je mogoče uporabiti niz različnih tipov podatkov.
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))> Izhod:
Before: [ 1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd' ] After: [ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 'a', 'b', 'c' ], [ 'd' ] ]>
Uporaba zanke za razdelitev matrike
Pri tem pristopu ponavljamo prvotno matriko in jo razrežemo na kose želene velikosti, pri čemer vsak kos potisnemo v novo matriko.
primer:
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);> Izhod
[ [ 1, 2, 3, 4 ], [ 5, 6, 7, 8 ] ]>
Uporaba Array.reduce()
Uporaba Array.reduce() , razdeli matriko na dele določene velikosti. Funkcija redukcije kopiči dele na podlagi chunkSize, potisne narezane dele matrike v matriko kosov in vrne nastalo matriko kosov.
primer: V tem primeru razdelimo matriko na kose določene velikosti z uporabo metode zmanjšanja. Ponavlja skozi matriko in potisne podmatrike definirane velikosti kosa v nastalo matriko.
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 (indeks % kos === 0) { rezultat.push(arr.slice(indeks, indeks + kos)); } vrni rezultat; }, []); // Prikaz izhoda splittedArrays.forEach((subArray, index) => { console.log(`Array${index + 1}: ${subArray}`); });> Izhod
Array1: 1,2,3,4 Array2: 5,6,7,8>
Uporaba Array.from() in Array.splice()
Ta metoda vključuje ustvarjanje nove matrike iz prvotne matrike z uporabo Array.from() in nato večkratno odstranjevanje elementov iz nje s pomočjo splice() za oblikovanje kosov.
primer: V tem primeru funkcija chunkArray razdeli matriko na dele določene velikosti. Ustvari kopijo izvirne matrike in iterativno ekstrahira dele glede na velikost kosa, dokler matrika ni prazna.
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)); } vrni kose; } // Primer uporabe: const arr = [1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd']; const chunkSize = 3; const chunks = chunkArray(arr, chunkSize); console.log(kosi);> Izhod
[ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 'a', 'b', 'c' ], [ 'd' ] ]>