Rozdělení pole na části v JavaScriptu zahrnuje rozdělení pole na menší pole o zadané velikosti. Tento proces je užitečný pro efektivnější správu velkých datových sad nebo pro zpracování dat v menších, lépe spravovatelných částech aplikace.
Metody rozdělení pole na části:
Obsah
- Použití metody JavaScript slice().
- Použití metody splice() JavaScriptu
- Použití metody Lodash _.chunk().
- Použití smyčky k rozdělení pole
- Pomocí Array.reduce():
- Použití Array.from() a Array.splice()
Použití metody JavaScript slice().
The slice () metoda vrátí nové pole obsahující vybrané prvky. Tato metoda vybere prvky začínající daným počátečním argumentem a končící, ale s vyloučením daného koncového argumentu.
Syntax:
array.slice(start, end);>
Příklad: Tento příklad používá plátek() metoda k rozdělení pole na části pole. Tuto metodu lze použít opakovaně k rozdělení pole libovolné 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);> Výstup
Array1: 1,2,3,4 Array2: 5,6,7,8>
Použití metody splice() JavaScriptu
metoda splice(). přidává/odebírá položky do/z pole a vrací seznam odstraněných položek.
Syntax:
array.splice(index, number, item1, ....., itemN);>
Příklad: Tento příklad používá spoj () metoda k rozdělení pole na části pole. Tato metoda odstraní položky z původního pole. Tuto metodu lze použít opakovaně k rozdělení pole libovolné velikosti.
alter add column oracleJavascript
// 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ýstup
Array1: 1,2 Array2: 3,4 Array3: 5,6 Array4: 7,8>
Použitím Metoda Lodash _.chunk().
V tomto přístupu používáme Metoda Lodash _.chunk(). který vrací dané pole v blocích podle zadané hodnoty.
Příklad: V tomto příkladu rozbijeme pole předáním velikosti ‚3‘ do metody _.chunk(). Velikost chunku se může měnit a s funkcí chunk lze použít pole různých datových typů.
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ýstup:
Before: [ 1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd' ] After: [ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 'a', 'b', 'c' ], [ 'd' ] ]>
Použití smyčky k rozdělení pole
V tomto přístupu iterujeme přes původní pole a nakrájíme ho na kousky požadované velikosti, přičemž každý blok vložíme do nového pole.
Pří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ýstup
[ [ 1, 2, 3, 4 ], [ 5, 6, 7, 8 ] ]>
Použití Array.reduce()
Použitím Array.reduce() , rozdělit pole na části o zadané velikosti. Funkce snížit shromažďuje bloky na základě chunkSize, vkládá části pole na plátky do pole chunks a vrací výsledné pole bloků.
Příklad: V tomto příkladu rozdělíme pole na části o zadané velikosti pomocí metody zmenšení. Iteruje polem a vkládá podpole definované velikosti bloku do výsledného pole.
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 % chunk === 0) { vysledek.push(arr.slice(index, index + chunk)); } vrátit výsledek; }, []); // Zobrazení výstupu splittedArrays.forEach((subArray, index) => { console.log(`Array${index + 1}: ${subArray}`); });> Výstup
Array1: 1,2,3,4 Array2: 5,6,7,8>
Použití Array.from() a Array.splice()
Tato metoda zahrnuje vytvoření nového pole z původního pole pomocí Array.from() a následné opakované odstraňování prvků z něj pomocí splice() za účelem vytvoření kusů.
Příklad: V tomto příkladu funkce chunkArray rozděluje pole na části o zadané velikosti. Vytvoří kopii původního pole a iterativně extrahuje části na základě velikosti bloku, dokud pole není prázdné.
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; } // Příklad použití: const arr = [1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd']; const chunkSize = 3; const chunks = chunkArray(arr, chunkSize); console.log(kusy);> Výstup
[ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 'a', 'b', 'c' ], [ 'd' ] ]>