Javascript에 대한 5가지 요소 제거 요소

Devin Avery에 Unsplash의 사진

TLDR

Lección en video en egghead

Javascript는 문제 해결을 위한 다양한 형식을 유연하게 사용할 수 있습니다.

예를 들어: Eliminar elementos de un arreglo.

Tienes metodos que mutan el arreglo y metodos inmutables, revisemos algunos

Dentro de los metodos mutables puedes elegir:
Array.pop , Array.shift y el operator delete .

En el caso de los metodos inmutables tienes:
Array.slice y Array.filter

배열.팝

테 퍼밋 리무버 엘 아레글로 캄비안도 엘 타마뇨 델 아레글로 원본.

El elemento que se remueve es retornado a menos que no queden elementos en el arreglo, en ese caso obtienes undefined .

const elementos  = [1,2,3,'4',5]

const last = elementos.pop()

console.log(last) // 5

console.log(elementos) // [1,2,3,'4']

Array.shift

Este es el metodo opuesto a Array.pop, permitiéndote remover el primer elemento de un arreglo, retornándolo para su uso posterior. Cambia el arreglo original pues "extrae"엘 요소.

const elementos  = [1,2,3,'4',5]

const first = elementos.shift()

console.log(first) // 1

console.log(elementos) // [2,3,'4',5]

연산자 삭제

Este es en realidad un operator que te permite remover remover un objeto.

Al eliminar un elemento del arreglo el tamaño (길이) del arreglo no es afectado.

푸에데스 ver un ejemplo en este playground

const elementos = [1,2,3,'4',5]

console.log(elementos, elementos.length)

delete elementos[1]

console.log(elementos, elementos.length)

배열.슬라이스

Este método retorna una copia de una porción del arreglo determinada por los parametros usados ​​en slice(start, end) sin modificar el arreglo original.

푸에데스 리바이자 un demo aqui

const elementos = [1,2,3,'4',5]

// Obten una parte del arreglo desde el indice 0 al 2
// dejando fuera el indice 2
const piece1 = elementos.slice(0, 2)

console.log(piece1)
// [1,2,]

// Obten otra parte del arreglo desde el indice 3 al 5
const piece2 = elementos.slice(3,5)
console.log(piece2)
// ['4',5]

// une las pieces en un nuevo arreglo 
// usando el operador spread
const newElementos = [...piece1, ...piece2]
console.log(newElementos) //[1,2,'4',5]


const elementos2 = [...elementos.slice(0,2), ...elementos.slice(3,5)]


// Más dinámico
let indiceAEliminar = 2

const elementos3 = [...elementos.slice(0,indiceAEliminar), ...elementos.slice(indiceAEliminar+=1, elementos.lenght)]

console.log(elementos3)

배열.필터

Una de las formas más directas de remover elementos de un arreglo es utilizar Array.filterArray.filter es un método inmutable que retorna un nuevo arreglo con los elementos que cumplan la condición Implementada por la función utilizada como argumento.

De forma interna, filter itera sobre los elementos del arreglo y aplica la función argumento en cada item retornando un valor _boolean, s_i el elemento pasa la condición se retorna true indicando que agregado srealágloe.

Es un metodo Ideal para remover elementos de un arreglo de objetos.

푸에데스 ver un demo en este enlace

const elementos = [
  {
    id : 1,
    name: 'Matias'
  },
  {
    id: 2,
    name: 'Juan'
  }
 ]

const filtrados = elementos.filter(item => item.name === 'Matias')

console.log(filtrados)

En este caso, usas la condición item.name === 'Matias' para definir que se queda en el nuevo arreglo y que no.

결론

07 라스 opciones para eliminar elementos de un arreglo son variadas ydependen siempre del caso de uso, tienes opciones que modifican el arreglo original como pop y shift y slice cre opciones4