¿Por qué se obtiene ese resultado?
Este es el comportamiento correcto de split()
, ya que la función toma los caracteres anteriores y posteriores al elemento de separación (en este caso<tr>
)
Puedes leer sobre split()
en:
Ejemplo:
var foo = "bar";
console.log(foo.split("bar"));
Si bien quieres separar por el string completo "bar", split()
va a tomar lo anterior al separador y lo posterior al separador, y al ser este la palabra entera retornará un array con dos posiciones, cada una de ellas almacenando el string vacío ("")
.
Sobre el problema planteado:
Para el caso en que planteas split() retornara un array con las siguientes tres posiciones:
0:""
1:"<td>Prueba 1</td><td>Prueba 1</td><td>Prueba 1</td>td>Prueba 1</td><td>Prueba 1</td><td>Prueba 1</td><td>Prueba 1</td></tr>"
2 :"<td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td></tr>"
var str = "<tr><td>Prueba 1</td><td>Prueba 1</td><td>Prueba 1</td>td>Prueba 1</td><td>Prueba 1</td><td>Prueba 1</td><td>Prueba 1</td></tr><tr><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td></tr>";
console.log(str.split("<tr>"));
La primera posicion refiere a lo anterior a la primera ocurrencia de <tr>
, lo cual es el string vacío.
Por lo tanto, para obtener cuantas etiquetas <tr>
existen debes restarle 1 al largo del array resultado de split()
var trOcurrencies = str.split("<tr>").length-1;
Otra manera de resolverlo:
También puedes utilizar una expresión regular que matchee con el string <tr>
y tenga en cuenta todas las ocurrencias, es decir, no se detenga al encontrar la primera. Esto último lo puedes expresar mediante la opción /g
de matcheo global
var str= "<tr><td>Prueba 1</td><td>Prueba 1</td><td>Prueba 1</td>td>Prueba 1</td><td>Prueba 1</td><td>Prueba 1</td><td>Prueba 1</td></tr><tr><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td><td>Prueba 2</td></tr>";
var trOcurrencies= str.match(/<tr>/g).length;
console.log(trOcurrencies);