-
Cómo Separar una cadena en JavaScript
-
JavaScript tiene una variedad de funciones relacionadas con la cadena-que se pueden utilizar para manipular objetos basados en texto. Una de las razones más comunes para romperse las cadenas es al analizar los valores en las listas. El lenguaje JavaScript proporciona una función incorporada, la función "split", que rompe una cadena en cualquier número de valores basados en un carácter específico, o "delimitador". Una vez dividirse en dos partes, cada valor se coloca en una matriz que puede ser manipulado con un arreglo de funciones incorporadas de JavaScript.Instrucciones
1 Abra un editor de texto y crear un nuevo archivo llamado "splitString.html". En la mayoría de los editores de texto, los nuevos archivos se crean seleccionando "Nuevo" del menú "Archivo".
2 Añadir algunas etiquetas HTML básicas para "splitString.html" que incluye una sección de cabeza y una sección de cuerpo. En conjunto, estas etiquetas comprenden una página HTML muy básico.
<Html>
<Head> </ head>
<Body> </ body>
</ Html>3 Inserte un "<textarea>" etiqueta HTML y un "</ textarea>" etiqueta HTML entre splitString.html de "<body>" y "</ body>" etiquetas. Asignar la etiqueta "<textarea>" un "id" valor "cadena" e insertar el texto "ABC12345EFG" entre la "<textarea>" y "</ textarea>" etiquetas. Tenga en cuenta que el texto "ABCD12345EFG" se utiliza sólo como un ejemplo; este texto puede ser cualquier texto no reservado (válida) con un delimitador específico.
<Textarea id = "string"> ABCD12345EFG </ textarea>
4 Insertar un archivo HTML "<input>" etiqueta después del cierre de etiquetas "</ textarea>" y asignar el "<input>" etiqueta de un atributo "tipo" "submit". Asignar un evento "onclick ()" a la etiqueta "<input>" que llama a una función llamada "splitString ()".
<Input type = "submit" onclick = "splitString ()";>
5 Cree la función "splitString" mediante la colocación de dos JavaScript delimitadores ( "<script>" y "</ script>") entre splitString.html de "<head>" y "</ head>" etiquetas. Asignar la etiqueta "<script>" un valor "tipo" "text / javascript".
<Script type = "text / javascript">
</ Script>6 Declarar la función "splitString" entre "<script>" etiquetas de splitString.html de apertura y cierre. Colocar dos llaves después de la declaración de la función como un marcador de posición para el código de la función.
función splitString ()
{
}7 Inserte un método JavaScript "getElemenById" dentro de llaves de la función splitString. Utilice el método "getElemenById" para recuperar el valor de la zona de "cadena" de texto (ABC12345EFG). Asignar el valor de texto a una variable denominada "stringToSplit".
. StringToSplit = document.getElementById ( "cadena") de valor;
8 Utilice la función JavaScript "split" para romper la variable "stringToSplit" en el carácter "3". Almacenar el resultado de la función "split" en una matriz denominada "splitString". La matriz "splitString" ahora contiene dos valores: "ABC12" y "45EFG".
splitString = stringToSplit.split ( "3");
9 Utilizar dos funciones JavaScript "alerta" para crear dos cajas de alerta. El primer cuadro de alerta avisa al primer valor de la matriz (splitString [0]) para el navegador y las alertas caja segunda alerta el segundo valor de la matriz (splitString [1]) para el navegador. Guarde y cierre splitString.html. Después de la etapa 9, splitString.html aparecerá como se muestra a continuación:
<Html>
<Head>
<Script type = "text / javascript">
función splitString ()
{
. StringToSplit = document.getElementById ( "cadena") de valor;
splitString = stringToSplit.split ( "3");
alerta (splitString [0]);
alerta (splitString [1]);
}
</ Script>
</ Head>
<Body>
<Textarea id = "string"> ABCD12345EFG </ textarea>
<Input type = "submit" onclick = "splitString ()";>
</ Body>
</ Html>10 splitString.html abierta en un navegador web habilitado para JavaScript. Haga clic en el botón "Enviar" y compruebe que la cadena de división es alertado en dos partes en el navegador Web.
Consejos y advertencias
- Al romper aparte cadenas con más de un único valor delimitador, un JavaScript bucle "for" se puede utilizar para recuperar los valores.
- cadenas JavaScript son objetos que vienen con una variedad de métodos de objeto que se puede utilizar para manipular secuencias, incluyendo las funciones que recuperan caracteres, reemplazar subcadenas y unirse a cuerdas.
- El "slice ()" función de JavaScript se puede utilizar para romper una cadena y devolver una nueva cadena.
- El delimitador utilizado con el "split ()" función no se incluye en los resultados. Típicamente, se espera que este resultado.
- cajas de JavaScript "alerta" pueden no funcionar como se espera si la configuración del navegador no se lo permiten.
