Cómo manipular y Búsqueda Cuerdas de JavaScript programar con HTML

March 3

En JavaScript, las cadenas son lo que la mayoría de los seres humanos equiparan a los datos informáticos porque la gente ve en la pantalla de salida como cadenas. Afortunadamente, JavaScript proporciona una gran cantidad de formas en que para interactuar con cuerdas.

Cómo manipular y buscar cadenas en JavaScript

Muchas búsquedas de cadenas son simples. Un usuario busca una palabra en particular o de otros datos en una cadena, y su aplicación encuentra. El siguiente ejemplo muestra una técnica para realizar una búsqueda simple.

<Script language = "JavaScript">
// Definir una cadena de búsqueda global.
SearchString var = "Este es el texto a buscar!"
FindString función ()
{
// Obtener el valor que el usuario desea encontrar.
var FindValue =
. document.getElementById ("SearchString") valor;
// Realizar la búsqueda.
var resultado = SearchString.indexOf (FindValue);

// Muestra un resultado apropiado.
// Buscar una entrada en blanco en primer lugar.
si (Resultado == 0)
{
document.getElementById ("Resultado"). innerHTML =
"Debe proporcionar un valor de entrada!";
}

// Compruebe si hay un resultado que no existe siguiente.
else if (resultado == -1)
{
document.getElementById ("Resultado"). innerHTML =
"No existe la cadena de búsqueda.";
}

// Mostrar la información de ubicación.
más
{
document.getElementById ("Resultado"). innerHTML =
"La cadena de búsqueda" "+ FindValue +
"" Aparece en el carácter '+ Resultado;
}
}
</ Script>

En este ejemplo, el código empieza creando una variable global que contiene una cadena de búsqueda, el usuario puede interactuar. Usted puede cambiar esta cadena para todo lo que quieras con fines de experimentación.

La función FindString () está conectado al botón Find It. La primera tarea es obtener el valor que el usuario desea encontrar y colocarlo en FindValue. El ejemplo a continuación, utiliza la función indexOf () en SearchString localizar FindValue y coloque la posición en Resultado.

Cómo manipular y Búsqueda Cuerdas de JavaScript programar con HTML


La segunda tarea es interpretar los resultados. El ejemplo busca uno de los tres valores de Resultado. Cuando resultado es 0, el usuario no ha proporcionado ninguna entrada, y el ejemplo pide que el usuario proporcione alguna. Cuando resultado es -1, el usuario ha suministrado una cadena de búsqueda que no aparece en la cadena original, y el ejemplo permite al usuario saber que no se encontró la cadena de búsqueda.

Cuando resultado es un valor positivo, la aplicación muestra la posición de la cadena de búsqueda en la pantalla cadena original.

¿Cómo trabajar con expresiones regulares en JavaScript

No todas las búsquedas son simples. A veces, un usuario necesita para realizar una búsqueda compleja basada en una expresión regular - una en la que hay términos de búsqueda con comodines. El siguiente ejemplo muestra una forma simple de implementar tal búsqueda.

<Script language = "JavaScript">
// Definir una cadena de búsqueda global.
var SearchString =
"Utilizar una expresión regular para buscar una cadena!"

FindString función ()
{
// Obtener el valor que el usuario desea encontrar.
var FindValue =
. document.getElementById ("SearchString") valor;

// Obtener los modificadores que el usuario desea utilizar.
Modificadores var =
document.getElementById ("modificadores") valor.;

// Crear un patrón de búsqueda.
Patrón var = new RegExp (FindValue, modificadores);

// Realizar la búsqueda.
document.getElementById ("Resultado"). innerHTML =
SearchString.match (Patrón);
}
</ Script>

El ejemplo empieza por definir una cadena de búsqueda global. Luego define la función FindString () que se utiliza para realizar la búsqueda real. Compare esta versión de FindString () con la función FindString () que ver que tienen algunas similitudes, pero eso es mucho más corto (aunque es mucho más flexible) esta versión.

La función FindString () obtiene la cadena de búsqueda y lo coloca en FindValue. Se obtiene entonces cualquier modificador de búsqueda y los coloca en modificadores. El ejemplo crea un nuevo objeto RegExp, Diseño, que es una combinación de la cadena de búsqueda y modificadores de búsqueda.

En este punto, el código utiliza la función de concordancia () en SearchString para producir un resultado. La salida es en realidad un conjunto de valores que puede utilizar para localizar cada incidencia del término de búsqueda en la cadena de búsqueda. Los elementos de la matriz aparecen en pantalla separados por comas.

Nótese que esta búsqueda utiliza una expresión regular entre paréntesis para la entrada. Además, los modificadores de la búsqueda aparecen en el segundo campo tras la expresión de búsqueda. Este ejemplo es plenamente capaz de utilizar cualquier combinación de elementos de expresiones regulares, a fin de tratar diversas combinaciones para ver cómo funcionan para usted.

Cómo manipular y Búsqueda Cuerdas de JavaScript programar con HTML