¿Cuál es la diferencia entre substr y substring?

Cuál es la diferencia entre

alert("abc".substr(0,2));

y

alert("abc".substring(0,2));

Ambos parecen dar salida a "ab".

La diferencia está en el segundo argumento. El segundo argumento para substringes el índice para detenerse en (pero no incluir), pero el segundo argumento para substres la longitud máxima a devolver.

¿Enlaces?

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/substr

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/substring

substring( MDN ) toma los parámetros como (from, to).
substr( MDN ) toma los parámetros como (from, length).

Actualización : MDN considera substrlegado.

alert("abc".substr(1,2)); // returns "bc"
alert("abc".substring(1,2)); // returns "b"

Puede recordar que substringtoma índices, al igual que otro método de extracción de cadenas, el corte .

Al comenzar desde 0 puede usar cualquiera de los métodos.

Como se insinuó en la respuesta de yatima2975, hay una diferencia adicional:

substr()acepta una posición de inicio negativa como un desplazamiento desde el final de la cadena. substring()no.

De MDN :

Si start es negativo, substr () lo usa como índice de caracteres desde el final de la cadena.

Para resumir las diferencias funcionales:

substring(begin-offset, end-offset-exclusive)donde begin-offset es 0o mayor

substr(begin-offset, length) donde begin-offset también puede ser negativo

Otro problema que encontré recientemente es que en IE 8, "abcd".substr(-1)retorna erróneamente "abcd", mientras que Firefox 3.6 regresa "d"como debería. sliceFunciona correctamente en ambos.

Más sobre este tema se puede encontrar aquí .

La principal diferencia es que

substr () le permite especificar la longitud máxima a devolver

substring () le permite especificar los índices y el segundo argumento NO incluye

Hay algunas sutilezas adicionales entre substr () y substring (), como el manejo de argumentos iguales y argumentos negativos. También tenga en cuenta que substring () y slice () son similares pero no siempre iguales.

  //*** length vs indices:
    "string".substring(2,4);  // "ri"   (start, end) indices / second value is NOT inclusive
    "string".substr(2,4);     // "ring" (start, length) length is the maximum length to return
    "string".slice(2,4);      // "ri"   (start, end) indices / second value is NOT inclusive

  //*** watch out for substring swap:
    "string".substring(3,2);  // "r"    (swaps the larger and the smaller number)
    "string".substr(3,2);     // "in"
    "string".slice(3,2);      // ""     (just returns "")

  //*** negative second argument:
    "string".substring(2,-4); // "st"   (converts negative numbers to 0, then swaps first and second position)
    "string".substr(2,-4);    // ""
    "string".slice(2,-4);     // ""

  //*** negative first argument:
    "string".substring(-3);   // "string"        
    "string".substr(-3);      // "ing"  (read from end of string)
    "string".slice(-3);       // "ing"        

La diferencia es el segundo parámetro. Sus segundos parámetros, aunque ambos números, esperan dos cosas diferentes:

Cuando se usa la subcadena, el segundo parámetro es el primer índice que no incluye:

var s = "string";
s.substring(1, 3); // would return 'tr'

var s = "another example";
s.substring(3, 7); // would return 'ther'

Cuando se usa substr, el segundo parámetro es el número de caracteres que se incluirán en la subcadena:

var s = "string";
s.substr(1, 3); // would return 'tri'

var s = "another example";
s.substr(3, 7); // would return 'ther ex'

La gran diferencia es que substr()es un método obsoleto que todavía se puede usar, pero se debe usar con precaución porque se espera que se elimine por completo en algún momento en el futuro. Debería trabajar para eliminar su uso de su código. Y el substring()método tuvo éxito y especificó el anterior.

Slice vs Substr vs Substring vs [] Métodos

Hay beneficios de rendimiento para cada uno de estos métodos de JavaScript. Utilice estas funciones en consecuencia.

substring (): tiene 2 parámetros "inicio" y "fin".

• comienzo parámetro de es obligatorio y especifica la posición donde comenzar la extracción.
• El parámetro final es opcional y especifica la posición donde debe finalizar la extracción.

Si no se especifica el parámetro final, se extraen todos los caracteres desde la posición inicial hasta el final de la cadena.

var str = "Substring Example";
var result = str.substring(0, 10);
alert(result);

Output : Substring

Si el valor del parámetro de inicio es mayor que el valor del parámetro de finalización, este método intercambiará los dos argumentos. Esto significa que start se usará como end y end se usará como start.

var str = "Substring Example";
var result = str.substring(10, 0);
alert(result);

Output : Substring

substr () : tiene 2 parámetros "inicio" y "cuenta".

• El parámetro de inicio es obligatorio y especifica la posición donde comenzar la extracción.

• El parámetro count es opcional y especifica el número de caracteres a extraer.

var str = "Substr Example";
var result = str.substr(0, 10);
alert(result);


Output : Substr Exa

Si no se especifica el parámetro de conteo, se extraen todos los caracteres desde la posición inicial hasta el final de la cadena. Si count es 0 o negativo, se devuelve una cadena vacía.

var str = "Substr Example";
var result = str.substr(11);
alert(result);

Output : ple

subcadena (startIndex, endIndex (no incluido))

substr (startIndex, cuántos caracteres)

const string = 'JavaScript';

console.log('substring(1,2)', string.substring(1,2)); // a
console.log('substr(1,2)', string.substr(1,2)); // av