palabras - splice javascript

Eliminar el último elemento de la matriz

Question

Tengo la siguiente matriz.

var arr = [1,0,2];

Me gustaría eliminar el último elemento, es decir 2.

Utilicé arr.slice(-1); pero no elimina el valor.

Answer 1

Este método es más útil para eliminar y almacenar el último elemento de una matriz.

var sampleArray = [1,2,3,4];// Declaring the array
var lastElement = sampleArray.pop();//this command will remove the last element of `sampleArray` and stores in a variable called `lastElement` so that you can use it if required.

Ahora los resultados son:

console.log(sampleArray); //This will give you [1,2,3]
console.log(lastElement); //this will give you 4

Answer 2

Con Lodash puede usar dropRight , si no le importa saber qué elementos se eliminaron:

_.dropRight([1, 2, 3])
// => [1, 2]

_.dropRight([1, 2, 3], 2);
// => [1]

Answer 3

Digamos que tienes var arr = [1,0,2]

arr.splice(-1,1) volverá a tu array [1,0]; mientras arr.slice(-1,1) regresará a tu array [2];

Answer 4

Esta es una buena manera de eliminar el último elemento:

if (arr != null && arr != undefined && arr.length > 0) {
      arr.splice(arr.length - 1, 1);
}

Detalle de empalme como sigue:

empalme (índice de inicio, número de empalme)

Answer 5

Hay una función para eso, explicación here :

arr.pop();

Answer 6

Puedes hacer esto usando el método .slice() como:

arr.slice(0, -1);    // returns [1,0]

Aquí hay una demostración:

var arr = [1, 0, 2];
var newArr = arr.slice(0, -1);    // returns [1,0]

console.log(newArr);
$(''#div1'').text(''['' + arr + '']'');
$(''#div2'').text(''['' + newArr + '']'');

<script src="http://code.jquery.com/jquery.min.js"></script>
<b>Original Array    : </b>
<div id="div1"></div>
<br/>
<b>After slice(0, -1): </b>
<div id="div2"></div>

en lugar de hacer

arr.slice(-1);   // returns [2]

Aquí hay una demostración:

var arr = [1, 0, 2];
var newArr = arr.slice(-1);    // returns [2]

console.log(newArr);
$(''#div1'').text(''['' + arr + '']'');
$(''#div2'').text(''['' + newArr + '']'');

<script src="http://code.jquery.com/jquery.min.js"></script>
<b>Original Array    : </b>
<div id="div1"></div>
<br/>
<b>After slice(-1): </b>
<div id="div2"></div>

Explicación:-

Ahora la sintaxis básica de Array.prototype.slice() o en el método de slice() corto slice() es:

arr.slice([begin[, end]])

Aquí,

el parámetro begin es un índice basado en cero en el que comienza la extracción de una matriz. Entonces, digamos en base al ejemplo anterior si hacemos algo como

arr.slice(0)    // returns [1,0,2]

devolvería todos los elementos de la matriz desde el inicio de la secuencia desde la posición 0 y eso es [1,0,2] . Del mismo modo, si lo hacemos.

arr.slice(1)    // returns [0,2]

devolvería [0,2] ya que 0 está en la posición 1 aquí y todo después de eso. Ahora, en su caso, ha pasado un índice negativo, es decir, -1 como el parámetro de inicio, que indica un desplazamiento desde el final de la secuencia. Entonces, slice(-1) en su caso extrae el último elemento del arreglo en la secuencia y eso es 2 ( como ya hemos visto en la demostración anterior ).

Ahora, hablemos sobre el parámetro end en la sintaxis del método slice() aquí. De nuevo, es un índice basado en cero en el que termina la extracción de una matriz. Entonces, digamos que tenemos una matriz como:

var arr = [1, 0, 2, 5, 3, 9];

y queremos obtener solo los 2,5,3 elementos de la matriz. Ahora, la posición de 2 desde el inicio de la secuencia es 2 y para el último elemento 3 es 4 . Necesitaremos finalizar la extracción aquí en la posición 5, ya que necesitamos obtener el elemento antes de esa posición. Entonces, simplemente implementaremos el método slice() aquí como

arr.slice(2, 5)    // returns [2,5,3]

En su caso, hemos implementado -1 como parámetro final, por lo que nuestro código es como

arr.slice(0, -1)   // returns [1,0]

Como índice negativo, el end indica un desplazamiento desde el final de la secuencia. Por lo tanto, slice(0,-1) extrae el primer elemento a través del segundo al último elemento de la secuencia. Así, obtenemos la salida deseada. También podemos hacer como

arr.slice(0, 2)    // returns [1,0]

Obtendremos la misma salida. Pero, he usado -1 aquí porque es más fácil de implementar incluso para una matriz larga como

[0,2,3,1,2,9,3,6,3,9,1,0,2,9,0,1,1,2,3,4,7,9,1]

Si solo desea eliminar el último elemento, no desea sentarse y calcular la posición de los últimos 9 aquí y hacer como arr.slice(0, 22) . Entonces puede simplemente implementar la lógica de índice negativo aquí y hacer

arr.slice(0, -1) // same result as arr.slice(0, 22)

¡Espero eso ayude!

Answer 7

Puedes hacerlo de dos maneras usando splice() :

1. arr.splice(-1,1)
2. arr.splice(arr.length-1,1)

splice(position_to_start_deleting, how_many_data_to_delete) toma dos parámetros.

position_to_start_deleting : el índice basado en cero desde donde comenzar a eliminar. how_many_data_to_delete : Del índice indicado, cuántos datos consecutivos deben eliminarse.

También puede eliminar el último elemento utilizando pop() ya que pop() elimina el último elemento de alguna matriz.
Utilice arr.pop()

Answer 8

Tendrías que hacer esto ya que slice no altera la matriz original.

arr = arr.slice(-1);

Si quieres alterar la matriz original puedes usar splice :

arr.splice(-1, 1);

o pop :

arr.pop();

Answer 9

Usted podría simplemente usar, arr.pop()

Esto elimina la última entrada de la matriz.

var arr = [1,0,2]; 
var popped = arr.pop();//Now arr = [1,0] & popped = 2

Answer 10

Utilice splice(index,howmany)

arr.splice(-1,1)

Answer 11

Vale la pena señalar que la .pop() devolverá una nueva matriz, mientras que .pop() y .splice() mutarán la matriz existente .

Si le gusta manejar colecciones de datos con un estilo de comando encadenado, realmente querrá seguir con la slice para algo como esto.

Por ejemplo:

myArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var newArrayOfThings = myArray
  .filter(x => x > 5)              // only bigly things
  .slice(-1)                       // get rid of the last item
  .map(x => `The number is: ${x}`);// map to a set of strings

Puede requerir muchos más problemas, y administración de variables, para hacer el mismo tipo de "pop", ya que a diferencia del map , el filter , etc., no se obtiene una nueva matriz.

Es el mismo tipo de cosas con push , que agrega un elemento al final de una matriz. Puede que estés mejor con concat ya que eso te permite mantener el flujo.

myArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var newArrayOfThings = myArray
  .filter(x => x > 5)              // only bigly things
  .slice(-1)                       // get rid of the "10"
  .concat([100])                   // note with concat, you must pass an array
  .map(x => `The number is: ${x}`) // map to a set of strings
  

Answer 12

Yo consideraría que .pop() es la solución más "correcta", sin embargo, a veces puede que no funcione, ya que necesita usar la matriz sin el último elemento ...

En tal caso, es posible que desee utilizar los siguientes

var arr = [1,2,3,4];
console.log(arr.splice(0,arr.length-1));

mientras .pop() devolvería esto ( 4 ):

var arr = [1,2,3,4];
console.log(arr.pop());

lo que podría no ser deseable ...

Espero que esto te ahorre tiempo.

Answer 13

empalme (índice, cuántos) - Esta solución suena bien. Pero esta cantidad funcionará solo para el índice de matriz positivo. Para eliminar los últimos dos o tres elementos, utilice el índice.

Por ejemplo, empalme (-2) para eliminar los dos últimos elementos. Empalme (-3) para eliminar los últimos tres elementos.

Answer 14

arr.slice(-1) devolverá una copia del último elemento de la matriz, pero deja la matriz original sin modificar.

Para eliminar los últimos n elementos de una matriz, use arr.splice(-n) (observe la "p" en "empalme"). El valor de retorno será una nueva matriz que contiene los elementos eliminados.

Más simple aún, para n == 1 , use val = arr.pop()

Answer 15

aprender por ejemplo:

let array_1 = [1,2,3,4];
let array_2 = [1,2,3,4];
let array_3 = [1,2,3,4];

array_1.splice(-1,1)  // output --> [4]      array_1 = [1,2,3]
array_2.slice(0,-1);  // output --> [1,2,3]  array_2 = [1,2,3,4]
array_3.pop();        // output --> 4        array_3 = [1,2,3]

Answer 16

let fruit = [''apple'', ''orange'', ''banana'', ''tomato''];
let popped = fruit.pop();

console.log(popped); // "tomato"
console.log(fruit); // ["apple", "orange", "banana"]

.pop()

Answer 17

var arr = [1,0,2];
arr.length--; 

// elimina el último elemento // necesita verificar si arr.length> 0

Answer 18

var stack = [1,2,3,4,5,6];

stack.reverse().shift();

stack.push(0);

La salida será: Array [0,1,2,3,4,5] . Esto le permitirá mantener la misma cantidad de elementos de matriz a medida que introduce un nuevo valor.