Mientras maneja datos masivos en JavaScript, es posible que deba extraer los datos en función de un atributo en particular. Por ejemplo, clasificar los datos en función del nombre real/apellido o extraer una parte de los datos. En tales situaciones, los métodos substr() y substring() ayudan a acceder a los datos requeridos convenientemente a través de la indexación.
Este artículo aclarará las diferencias entre el “ substr() ' y ' subcadena() ” métodos en JavaScript.
¿Qué es el método substr () en JavaScript?
Él ' substr() El método devuelve el número especificado de caracteres del índice particular en la cadena dada. Este método realiza la extracción desde el primer parámetro establecido hasta la longitud especificada como su segundo parámetro.
Sintaxis
cuerda. substr ( comienzo, duración )
En la sintaxis anterior:
- “ comienzo ” se refiere a la posición desde donde iniciar la extracción.
- “ longitud ” corresponde al número de caracteres que necesitan ser extraídos.
¿Qué es el método substring () en JavaScript?
Los ' subcadena() El método obtiene los caracteres de cadena entre dos índices especificados y genera una nueva cadena a cambio. Este método en particular extrae los caracteres entre el inicio y el final (excluyendo) los parámetros establecidos que se refieren a los índices.
Sintaxis
cuerda. subcadena ( inicio fin )
En esta sintaxis:
- “ comienzo ” se refiere a la posición desde donde iniciar la extracción.
- “ final ” indica la posición donde debe terminar la extracción, excluyéndola.
Diferencias principales entre substr() y substring() en JavaScript
Aquí está la tabla que comprende las diferencias principales entre substr() y substring() en JavaScript:
| substr() | subcadena() |
| Se utiliza para extraer una parte de la cuerda. | Se utiliza para extraer la subcadena especificada dentro de una cadena. |
| Sus parámetros se refieren al índice de inicio y la longitud hasta la cual se deben extraer los caracteres, respectivamente. | Sus parámetros apuntan a las posiciones inicial y final de la subcadena que deben extraerse, excluyendo el índice final. |
| Maneja los índices negativos. | No puede manejar índices negativos. |
Analicemos la diferencia entre ambos métodos con la ayuda de ejemplos:
Ejemplo 1: Comprobación de substr() y substring() en índices positivos
En este ejemplo, la diferencia entre ambos métodos se analizará en función de los índices positivos especificados como parámetros:
< tipo de guión = 'texto/javascript' >vamos a conseguir = 'JavaScript' ;
consola. Iniciar sesión ( 'El valor substr se convierte en:' , conseguir. substr ( 1 , 2 ) ) ;
consola. Iniciar sesión ( 'El valor de la subcadena se convierte en:' , conseguir. subcadena ( 1 , 2 ) ) ;
guion >
En el fragmento de código anterior:
- Inicialice un valor de cadena, como se indica.
- Después de eso, asocie el “ substr() ” con el valor declarado en el paso anterior que tiene los parámetros establecidos.
- Los parámetros añadidos indican que a partir del índice “ 1 ” en adelante, se extraerán dos valores.
- Asimismo, asociar el “ subcadena() ” método con el valor de cadena inicializado que tiene los mismos parámetros.
- Este método en particular extraerá los caracteres de cadena entre los parámetros indicados.
- Es tal que el valor en el índice “ 1 ” será obtenido, ignorando así el último índice especificado “ 2 ”.
Producción
En el resultado anterior, se puede observar la diferencia en el resultado de ambos métodos según la explicación.
Ejemplo 2: Comprobación de substr() y substring() en índices negativos
En este ejemplo en particular, la diferencia en ambos métodos se observará en los índices negativos:
< tipo de guión = 'texto/javascript' >vamos a conseguir = 'JavaScript' ;
consola. Iniciar sesión ( 'El valor substr se convierte en:' ,conseguir. substr ( - 3 , 3 ) ) ;
consola. Iniciar sesión ( 'El valor de la subcadena se convierte en:' ,conseguir. subcadena ( - 3 , 3 ) ) ;
consola. Iniciar sesión ( 'El valor de la subcadena se convierte en:' ,conseguir. subcadena ( 0 , 3 ) ) ;
guion >
Aplique los siguientes pasos, como se indica en las líneas de código anteriores:
- Del mismo modo, inicialice el valor de cadena indicado.
- En el siguiente paso, igualmente, aplique el “ substr() ” método que tiene un índice negativo de “ -3 ” como su primer parámetro y “ 3 ” como su segundo parámetro.
- El primer parámetro, “ -3 ”, apunta al carácter de cadena en el tercer índice desde el último, es decir, “ i ”.
- El segundo parámetro resultará en la extracción de tres caracteres de “ i ' adelante.
- Ahora, de manera similar, asocie el “ subcadena() ” método con el valor de cadena declarado.
- Este método en particular tratará el índice negativo “ -3 ” como el primer índice. Las dos últimas líneas de código que se refieren a “ -3 ' y ' 0 ” como índices de inicio, respectivamente, darán el mismo resultado.
Producción
Los dos últimos resultados significan que el “ subcadena() El método no facilita los índices negativos y, por lo tanto, la diferencia en ambos métodos es clara.
Conclusión
Él ' substr() El método 'extrae los caracteres de la cadena del índice establecido hasta la longitud especificada, y el' subcadena() El método ” recupera los caracteres entre los índices establecidos. El primer método tiene ventaja sobre el segundo método, ya que también maneja los caracteres desde el final. Este artículo estableció las diferencias entre los métodos substr() y substring() con la ayuda de ejemplos en JavaScript.