Qual è la differenza tra splicee slice?

$scope.participantForms.splice(index, 1);
$scope.participantForms.slice(index, 1);

splice()cambia l'array originale mentre slice()non lo fa ma entrambi restituiscono l'oggetto array.

Vedi gli esempi seguenti:

var array=[1,2,3,4,5];
console.log(array.splice(2));

Questo tornerà [3,4,5]. L' array originale è interessato e risulta arrayessere [1,2].

var array=[1,2,3,4,5]
console.log(array.slice(2));

Questo tornerà [3,4,5]. La matrice originale non è influenzato con conseguente arrayessere [1,2,3,4,5].

Di seguito è riportato un semplice violino che lo conferma:

//splice
var array=[1,2,3,4,5];
console.log(array.splice(2));

//slice
var array2=[1,2,3,4,5]
console.log(array2.slice(2));


console.log("----after-----");
console.log(array);
console.log(array2);

Splice e Slice sono entrambe funzioni di array Javascript.

Splice vs Slice

1. Il metodo splice () restituisce gli elementi rimossi in un array e il metodo slice () restituisce gli elementi selezionati in un array, come nuovo oggetto array.

2. Il metodo splice () cambia l'array originale e il metodo slice () non cambia l'array originale.

3. Il metodo splice () può accettare n numero di argomenti e il metodo slice () accetta 2 argomenti.

Giunzione con esempio

Argomento 1: indice, obbligatorio. Un numero intero che specifica in quale posizione aggiungere / rimuovere gli elementi, utilizzare valori negativi per specificare la posizione dalla fine dell'array.

Argomento 2: facoltativo. Il numero di elementi da rimuovere. Se impostato su 0 (zero), nessun elemento verrà rimosso. E se non viene passato, tutti gli articoli dall'indice fornito verranno rimossi.

Argomento 3 ... n: facoltativo. I nuovi elementi da aggiungere all'array.

var array=[1,2,3,4,5];
console.log(array.splice(2));
// shows [3, 4, 5], returned removed item(s) as a new array object.
 
console.log(array);
// shows [1, 2], original array altered.
 
var array2=[6,7,8,9,0];
console.log(array2.splice(2,1));
// shows [8]
 
console.log(array2.splice(2,0));
//shows [] , as no item(s) removed.
 
console.log(array2);
// shows [6,7,9,0]

Tagliare con l'esempio

Argomento 1: obbligatorio. Un numero intero che specifica da dove iniziare la selezione (Il primo elemento ha un indice di 0). Utilizzare numeri negativi per selezionare dalla fine di un array.

Argomento 2: facoltativo. Un numero intero che specifica dove terminare la selezione ma non include. Se omesso, verranno selezionati tutti gli elementi dalla posizione iniziale alla fine dell'array. Utilizzare numeri negativi per selezionare dalla fine di un array.

var array=[1,2,3,4,5]
console.log(array.slice(2));
// shows [3, 4, 5], returned selected element(s).
 
console.log(array.slice(-2));
// shows [4, 5], returned selected element(s).
console.log(array);
// shows [1, 2, 3, 4, 5], original array remains intact.
 
var array2=[6,7,8,9,0];
console.log(array2.slice(2,4));
// shows [8, 9]
 
console.log(array2.slice(-2,4));
// shows [9]
 
console.log(array2.slice(-3,-1));
// shows [8, 9]
 
console.log(array2);
// shows [6, 7, 8, 9, 0]

Il metodo slice () restituisce una copia di una porzione di un array in un nuovo oggetto array.

$scope.participantForms.slice(index, 1);

Questo NON cambia l' participantFormsarray ma restituisce un nuovo array contenente il singolo elemento trovato nella indexposizione dell'array originale.

Il metodo splice () modifica il contenuto di un array rimuovendo elementi esistenti e / o aggiungendo nuovi elementi.

$scope.participantForms.splice(index, 1);

Ciò rimuoverà un elemento participantFormsdall'array nella indexposizione.

Queste sono le funzioni native di Javascript, AngularJS non ha nulla a che fare con esse.

Ecco un semplice trucco per ricordare la differenza tra slicevssplice

var a=['j','u','r','g','e','n'];

// array.slice(startIndex, endIndex)
a.slice(2,3);
// => ["r"]

//array.splice(startIndex, deleteCount)
a.splice(2,3);
// => ["r","g","e"]

Trick to remember:

Pensa "spl" (first 3 letters of splice)come abbreviazione di "specifica lunghezza", che il secondo argomento dovrebbe essere una lunghezza e non un indice

Splice - Riferimento MDN - ECMA-262 spec

Sintassi
array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

parametri

• start: necessario. Indice iniziale.
  Se startè negativo, viene trattato come "Math.max((array.length + start), 0)"da specifica (esempio fornito di seguito) in modo efficace dalla fine di array.
• deleteCount: facoltativo. Numero di elementi da rimuovere (tutti da startse non forniti).
• item1, item2, ...: facoltativo. Elementi da aggiungere all'array startdall'indice.

Restituisce : una matrice con elementi eliminati (matrice vuota se nessuna rimossa)

Matrice originale mutata : Sì

Esempi:

const array = [1,2,3,4,5];

// Remove first element
console.log('Elements deleted:', array.splice(0, 1), 'mutated array:', array);
// Elements deleted: [ 1 ] mutated array: [ 2, 3, 4, 5 ]

// array = [ 2, 3, 4, 5]
// Remove last element (start -> array.length+start = 3)
console.log('Elements deleted:', array.splice(-1, 1), 'mutated array:', array);
// Elements deleted: [ 5 ] mutated array: [ 2, 3, 4 ]

Altri esempi negli esempi MDN Splice

Slice - Riferimento MDN - ECMA-262 spec

Parametri di sintassi
array.slice([begin[, end]])

• begin: facoltativo. Indice iniziale (predefinito 0).
  Se beginè negativo, viene trattato come "Math.max((array.length + begin), 0)"da specifica (esempio fornito di seguito) in modo efficace dalla fine di array.
• end: facoltativo. Ultimo indice per l'estrazione ma non incluso (array.length predefinito). Se endè negativo, viene trattato come "Math.max((array.length + begin),0)"da specifica (esempio fornito di seguito) in modo efficace dalla fine di array.

Restituisce : una matrice contenente gli elementi estratti.

Mutate original : No

Esempi:

const array = [1,2,3,4,5];

// Extract first element
console.log('Elements extracted:', array.slice(0, 1), 'array:', array);
// Elements extracted: [ 1 ] array: [ 1, 2, 3, 4, 5 ]

// Extract last element (start -> array.length+start = 4)
console.log('Elements extracted:', array.slice(-1), 'array:', array);
// Elements extracted: [ 5 ] array: [ 1, 2, 3, 4, 5 ]

Altri esempi negli esempi MDN Slice

Confronto delle prestazioni

Non prenderlo come verità assoluta in quanto a seconda di ogni scenario uno potrebbe essere performante rispetto all'altro.
Test della prestazione

Splice e Slice sono comandi Javascript integrati, non specificamente comandi AngularJS. Slice restituisce gli elementi dell'array dal "start" fino a poco prima degli identificatori "end". Splice muta l'array attuale e inizia da "start" e mantiene il numero di elementi specificato. Google ha molte informazioni su questo, basta cercare.

Il splice()metodo restituisce gli elementi rimossi in un array. Il slice()metodo restituisce gli elementi selezionati in un array, come un nuovo oggetto array.

Il splice()metodo cambia l'array originale e il slice()metodo non cambia l'array originale.

• Splice() Il metodo può accettare n numero di argomenti:

  Argomento 1: indice, obbligatorio.

  Argomento 2: facoltativo. Il numero di elementi da rimuovere. Se impostato su 0 (zero), nessun elemento verrà rimosso. E se non viene passato, tutti gli articoli dall'indice fornito verranno rimossi.

  Argomento 3..n: facoltativo. I nuovi elementi da aggiungere all'array.

• slice() Il metodo può accettare 2 argomenti:

  Argomento 1: obbligatorio. Un numero intero che specifica da dove iniziare la selezione (Il primo elemento ha un indice di 0). Utilizzare numeri negativi per selezionare dalla fine di un array.

  Argomento 2: facoltativo. Un numero intero che specifica dove terminare la selezione. Se omesso, saranno selezionati tutti gli elementi dalla posizione iniziale alla fine dell'array. Utilizzare numeri negativi per selezionare dalla fine di un array.

separa ed elimina l'elemento dell'array per indice

indice = 2

//splice & will modify the origin array
const arr1 = [1,2,3,4,5];
//slice & won't modify the origin array
const arr2 = [1,2,3,4,5]

console.log("----before-----");
console.log(arr1.splice(2, 1));
console.log(arr2.slice(2, 1));

console.log("----after-----");
console.log(arr1);
console.log(arr2);

let log = console.log;

//splice & will modify the origin array
const arr1 = [1,2,3,4,5];

//slice & won't modify the origin array
const arr2 = [1,2,3,4,5]

log("----before-----");
log(arr1.splice(2, 1));
log(arr2.slice(2, 1));

log("----after-----");
log(arr1);
log(arr2);

Un altro esempio:

[2,4,8].splice(1, 2) -> returns [4, 8], original array is [2]

[2,4,8].slice(1, 2) -> returns 4, original array is [2,4,8]

slice non modifica l'array originale, ma restituisce un nuovo array ma lo splice modifica l'array originale.

example: var arr = [1,2,3,4,5,6,7,8];
         arr.slice(1,3); // output [2,3] and original array remain same.
         arr.splice(1,3); // output [2,3,4] and original array changed to [1,5,6,7,8].

Il secondo argomento del metodo splice è diverso dal metodo slice. il secondo argomento in splice rappresenta il conteggio degli elementi da rimuovere e in spaccato rappresenta l'indice finale.

arr.splice(-3,-1); // output [] second argument value should be greater then 
0.
arr.splice(-3,-1); // output [6,7] index in minus represent start from last.

-1 rappresenta l'ultimo elemento, quindi inizia da -3 a -1. Sopra sono le principali differenze tra il metodo splice e slice.

La differenza tra le funzioni integrate javascript di Slice () e Splice () è che Slice restituisce l'elemento rimosso ma non ha modificato l'array originale; piace,

        // (original Array)
        let array=[1,2,3,4,5] 
        let index= array.indexOf(4)
         // index=3
        let result=array.slice(index)
        // result=4  
        // after slicing=>  array =[1,2,3,4,5]  (same as original array)

ma nel caso splice () influenza l'array originale; piace,

         // (original Array)
        let array=[1,2,3,4,5] 
        let index= array.indexOf(4)
         // index=3
        let result=array.splice(index)
        // result=4  
        // after splicing array =[1,2,3,5]  (splicing affects original array)

Metodo splice dell'array JavaScript () con l'esempio

Esempio 1 di tutsmake -Rimuovi 2 elementi dall'indice 1

  var arr = [ "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten" ]; 

 arr.splice(1,2);

 console.log( arr ); 

Esempio-2 di tutsmake - Aggiungi un nuovo elemento dall'indice 0 JavaScript

  var arr = [ "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten" ]; 

 arr.splice(0,0,"zero");

 console.log( arr );  

Esempio 3 di tutsmake - Aggiungi e rimuovi elementi nell'array JavaScript

var months = ['Jan', 'March', 'April', 'June'];

months.splice(1, 0, 'Feb'); // add at index 1

console.log(months); 

months.splice(4, 1, 'May'); // replaces 1 element at index 4

console.log(months);

https://www.tutsmake.com/javascript-array-splice-method-by-example/