Cómo usar el método de corte de Javascript

El método slice() de Javascript no alterará ni cambiará los datos originales. Este tutorial le enseñará cómo utilizar la técnica de división de Javascript y cómo aprovechar su potencial inmutable.

¿Qué es el método de corte de javascript?

En pocas palabras, la función de segmento de javascript es un método de cadena o matriz incorporado que devuelve una copia superficial de una parte de una matriz en un nuevo objeto de matriz, donde 'inicio' y 'fin' son los índices de la matriz. No habrá modificaciones a la matriz inicial.

 const language = ["javascript", "java", "ruby", "rust", "python"]; console.log(language.slice(2)); // ['ruby', 'rust', 'python']

Cortamos en el índice 2 utilizando una base indexada en cero, lo que produce una nueva matriz nueva que contiene el elemento cortado. Pero, ¿y si examinamos la matriz original (lenguaje)? ¿Será alterado? La técnica de división de javascript, a diferencia de la función de empalme de javascript, no altera ni afecta los datos originales.

Cómo usar el método de corte de Javascript

El método de división de Javascript es bastante simple de usar; sin embargo, para comprenderlo completamente, enfatizaríamos su sintaxis.

¿Cuál es la sintaxis para esto? Esta sintaxis se escribe simplemente rodeando la palabra 'segmento' con un paréntesis '()' de la siguiente manera:

 slice()

Debido a que este es un método, acepta argumentos, lo que le permite una mayor flexibilidad sobre lo que puede hacer con una matriz usando la función de división.

Son los siguientes:

1. comienzo
2. Final

El parámetro de inicio, que simplemente indica el índice en el que debe comenzar el método de división, se puede pasar a la función de división. Para repasar el ejemplo anterior, el método de segmento acepta 2 como entrada, lo que simplemente significa comenzar desde el índice 2. Si no se especifica el argumento de inicio, el índice se establecerá en 0. El argumento final también se puede enviar al segmento método, pero depende del parámetro de inicio para funcionar correctamente. El argumento final indica a la matriz en qué índice debe terminar de extraer el elemento. Lo hace al no incluir el final, sino solo hasta el final. Si no se especifica el argumento final, se devuelve la longitud completa de la matriz.

 slice(start) slice(start,end)

Usando el método de corte: supongamos que tenemos una matriz que contiene varios tipos de lenguajes de programación y queremos elegir tres elementos de la matriz. Simplemente escribimos la función slice(1,4), proporcionando dos parámetros basados en índices, el inicio y el final. La extracción comenzaría con el índice especificado, 1, y concluiría con 4, pero en lugar de devolver el cuarto elemento preciso, proporcionaría el elemento antes del cuarto elemento.

Así es como se hace:

 const language = ["javascript", "java", "ruby", "rust", "python"]; console.log(language.slice(1,4)); // ['ruby', 'rust', 'python']

La nueva matriz se devolvió sin modificar la matriz existente.

 const language = ["javascript", "java", "ruby", "rust", "python"]; console.log(language.slice(1,4)); // ['java', 'ruby', 'rust'] console.log(language); // ['javascript', 'java', 'ruby', 'rust', 'python']

Usando el método de corte en no matrices

La matriz de javascript se puede utilizar en las siguientes áreas; sin embargo, se debe tener en cuenta que el método de división también se puede usar en matrices que no son.

1. Usando el método de corte de Javascript en objetos.

2. Usando el método de división de Javascript en una matriz dispersa.

3. Uso del método de división de Javascript para convertir matrices en matrices.

   Usando el método de corte de Javascript en objetos

   El método de división de javascript funciona en objetos al considerar primero la longitud de la propiedad del objeto y luego leer las propiedades de la clave entera de principio a fin. Y ponerlos en una nueva matriz. Utiliza el método call().

   
   

    const arrayLike = { length: 3, 0: 2, 1: 3, 2: 4, }; console.log(Array.prototype.slice.call(arrayLike, 1, 3)); // [3, 4]

   Usando el método de división de Javascript en una matriz dispersa

   Cuando se usa el método de división de javascript en una matriz dispersa, la matriz devuelta por slice() puede ser escasa si la fuente es escasa.

   
   

    console.log([1, 2, , 4, 5].slice(1, 4)) // [2, empty, 4]

   Usando el método de división de Javascript para convertir no matrices en una matriz

   Para construir una función de utilidad que transforme un objeto similar a una matriz en una matriz, utilice el método de división de Javascript, así como los métodos call() y bind() .

   
   

 const sliceEl = Function.prototype.call.bind(Array.prototype.slice); function list() {  return sliceEl(arguments); } const listed = list(1, 2, 3) console.log(listed) //[1, 2, 3]

preguntas frecuentes

¿Cuál es la diferencia entre el método de corte y empalme en Javascript?

Slice se usa para crear una nueva matriz a partir de la matriz original, mientras que splice se usa para agregar/eliminar elementos de la matriz original. En el caso de un segmento, los cambios no se reflejan en la matriz original; sin embargo, en el caso de un empalme, los cambios se reflejan en la matriz original.

¿Cuál es la similitud entre el método de corte y empalme?

La mayor similitud entre ellos es que ambos son métodos de matriz de JavaScript.

¿Cuándo uso el método de corte?

Si no desea que los datos originales se modifiquen o muten mientras ejecuta una tarea, el enfoque de corte es la mejor manera de hacerlo. Este es un enfoque típico en ReactJs.

comida para llevar

Finalmente, el método javascript slice() es una forma de copiar. No cambia la matriz original, sino que proporciona un duplicado superficial con algunos de los mismos elementos que la matriz original. Aceptan dos parámetros opcionales, 'inicio' y 'fin', y extraen elementos de la matriz en función de estos parámetros. Son aplicables a no arreglos. Objetos, matriz dispersa, etc.