Připojení prvku k poli v JavaScriptu znamená přidání nové položky na konec pole. , tento proces prodlužuje délku pole a přijímá nová data. JavaScript nabízí několik metod pro připojení prvků, které přijímají jeden nebo více prvků jako argumenty a přidávají je na konec pole.

Problém lze vyřešit následujícími způsoby:

Obsah

• Použití metody JavaScript push().
• Použití metody unshift() v JavaScriptu
• Použití metody JavaScript splice()
• Použití metody JavaScript concat()
• Javascriptový operátor šíření
• Použití funkce Lodash _.concat().
• Použití vlastnosti pole length

1. Použití metody push() JavaScriptu

Metoda JavaScript push(). přidá prvek na konec pole, zatímco jeho dvojitá funkce, the metoda pop(). , odstraní prvek z konce pole. Pokud potřebujete přidat prvek nebo více prvků na konec pole, metoda push(). bude téměř vždy vaší nejjednodušší a nejrychlejší možností.

Syntax:

array.push(item1, item2, ..., itemX) 

Příklad: V tomto příkladu budeme přidávat nové prvky na konec pole pomocí metody push().

// Input array  let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Pushing arrays Geeks.push('Geeks5', 'Geeks6'); // Display updated array console.log('Updated Array: ' + Geeks); 

Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5,Geeks6 

2. Použití metody unshift() v JavaScriptu

Metoda unshift() JavaScriptu přidá prvek na začátek pole, zatímco jeho dvojitá funkce, shift(), odstraní jeden prvek ze začátku pole.

Syntax:

array.unshift(item1, item2, ..., itemX) 

Příklad: V tomto příkladu budeme přidávat nové prvky na začátek pole pomocí metody unshift().

// Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Adding element in begining Geeks.unshift('Geeks5', 'Geeks6'); // Display updated array console.log('Updated Array: ' + Geeks); 

Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks5,Geeks6,Geeks1,Geeks2,Geeks3,Geeks4 

3. Použití metody JavaScript splice()

Metoda JavaScript splice() upravuje obsah pole odstraněním existujících prvků a/nebo přidáním nových prvků.

Syntax:

array.splice(index, amount, item1, ....., itemX) 

Příklad: V tomto příkladu budeme přidávat nové prvky na 3. index pole pomocí metody splice().

// Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Update array using slice Geeks.splice(2, 1, 'Geeks5', 'Geeks6'); // Display updated array console.log('Updated Array: ' + Geeks); 

Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks5,Geeks6,Geeks4 

4. Použití metody JavaScript concat().

Metoda JavaScript concat(). vrátí nové kombinované pole složené z pole, na kterém je voláno, spojené s polem (nebo poli) z jeho argumentu. Tato metoda se používá ke spojení dvou nebo více polí a tato metoda nemění existující pole, ale vrací nové pole obsahující hodnoty spojených polí.

Syntax:

array1.concat(array2, array3, ..., arrayX) 

Příklad: V tomto příkladu sloučíme tři pole dohromady pomocí metoda concat(). JavaScriptu.

// Input arrays let g1 = ['Geeks1', 'Geeks2']; let g2 = ['Geeks3', 'Geeks4']; let g3 = ['GeeksForGeeks']; // Concate g1, g2 and g3 into g4 let g4 = g1.concat(g2, g3); //Display output console.log(g4); 

[ 'Geeks1', 'Geeks2', 'Geeks3', 'Geeks4', 'GeeksForGeeks' ] 

5. Javascriptový operátor rozšíření

Javascriptový operátor šíření umožňuje iterovatelnou expanzi v místech, kde se očekává 0+ argumentů. Většinou se používá v poli proměnných, kde se očekává více než 1 hodnota. Umožňuje nám získat seznam parametrů z pole.

Syntax:

let variablename1 = [...value]; 

Příklad: Tento příklad ukazuje implementaci výše vysvětleného přístupu.

// Input arrays let Array1 = [2, 4, 6, 8]; let Array2 = [3, 5, 7] // Combine and create new array  // using spread operator newArray = [ ...Array1, ...Array2] // Display output console.log(newArray); 

[ 2, 4, 6, 8, 3, 5, 7 ] 

6. Použití funkce Lodash _.concat().

Očekává se více než 1 hodnota. Umožňuje nám sloučit hodnoty do pole.

Syntax:

_.concat(array, [values]); 

Příklad: Tento příklad ukazuje implementaci výše vysvětleného přístupu.

// Requiring the lodash library let lodash = require('lodash'); // Original array to be concatenated let array = [1, 2, 3]; // Values to be added to original array  let values = [0, 5, 'a', 'b'] let newArray = lodash.concat(array, values); console.log('Before concat: ' + array); // Printing newArray  console.log('After concat: ' + newArray); 

Výstup:

Before concat: 1,2,3 After concat: 1,2,3,0,5,a,b 

7. Použití vlastnosti pole length

Pole JavaScriptu mají vlastnost length, kterou lze použít k dynamickému připojení prvků na konec pole. Přiřazením hodnoty indexu, která se rovná aktuální délce pole, lze připojit nový prvek.

Příklad:

// Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Append element using the length property Geeks[Geeks.length] = 'Geeks5'; // Display updated array console.log('Updated Array: ' + Geeks); 

Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5