Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Funciones del objeto string en Javascript

Tags: funciones, manual, objeto, string, metodos, javascript
publicado el 2010-07-03   leido 5873 leídas

Este objeto nos permite hacer diversas manipulaciones con las cadenas, para que trabajar con ellas sea más sencillo. Cuando asignamos una cadena a una variable, JS (javascript) está creando un objeto de tipo String que es el que nos permite hacer las manipulaciones.

Propiedades del objeto String

  • length. Valor numérico que nos indica la longitud en caracteres de la cadena dada.
    <script type="text/javascript">
    var myString = "123456";

    var length = myString.length;

    document.write("The string is this long: " + length);
    document.write("<br />Este string tiene: " + myString.length + " Caracteres");

    </script>
  • prototype. Nos permite asignar nuevas propiedades al objeto String.
    mas adelante veremos ejemplos con esta propiedad.

Funciones del objeto String

  • anchor(nombre). Crea un enlace asignando al atributo NAME el valor de 'nombre'. Este nombre debe estar entre comillas " "
  • big(). Muestra la cadena de caracteres con una fuente grande.
  • blink(). Muestra la cadena de texto con un efecto intermitente.
  • charAt(indice). Devuelve el carácter situado en la posición especificada por 'indice'.
  • fixed(). Muestra la cadena de caracteres con una fuente proporcional.
  • fontcolor(color). Cambia el color con el que se muestra la cadena. La variable color debe ser especificada entre comillas: " ", o bien siguiendo el estilo de HTML, es decir "#RRGGBB" donde RR, GG, BB son los valores en hexadecimal para los colores rojo, verde y azul, o bien puede ponerse un identificador válido de color entre comillas. Algunos de estos identificadores son "red", "blue", "yellow", "purple", "darkgray", "olive", "salmon", "black", "white", ...
  • fontsize(tamaño). Cambia el tamaño con el que se muestra la cadena. Los tamaños válidos son de 1 (más pequeño) a 7 (más grande). indexOf(cadena_buscada,indice) Devuelve la posición de la primera ocurrencia de 'cadena_buscada' dentro de la cadena actual, a partir de la posición dada por 'indice'. Este último argumento es opcional y, si se omite, la busqueda comienza por el primer carácter de la cadena.
  • italics(). Muestra la cadena en cursiva.
  • lastIndexOf(cadena_buscada,indice). Devuelve la posición de la última ocurrencia de 'cadena_buscada' dentro de la cadena actual, a partir de la posición dada por 'indice', y buscando hacia atrás. Este último argumento es opcional y, si se omite, la busqueda comienza por el último carácter de la cadena.
  • link(URL). Convierte la cadena en un vínculo asignando al atributo HREF el valor de URL.
  • small(). Muestra la cadena con una fuente pequeña.
  • split(separador). Parte la cadena en un array de caracteres. Si el carácter separador no se encuentra, devuelve un array con un sólo elemento que coincide con la cadena original. A partir de NS 3, IE 4 (JS 1.2).
  • strike(). Muestra la cadena de caracteres tachada.
  • sub(). Muestra la cadena con formato de subíndice.
  • substring(primer_Indice,segundo_Indice). Devuelve la subcadena que comienza en la posición 'primer_Indice + 1' y que finaliza en la posición 'segundo_Indice'. Si 'primer_Indice' es mayor que 'segundo_Indice', empieza por 'segundo_Indice + 1' y termina en 'primer_Indice'. Si hacemos las cuentas a partir de 0, entonces es la cadena que comienza en 'primer_Indice' y termina en 'segundo_Indice - 1' (o bien 'segundo_Indice' y 'primer_Indice - 1' si el primero es mayor que el segundo).
  • sup(). Muestra la cadena con formato de superíndice.
  • toLowerCase(). Devuelve la cadena en minúsculas.
  • toUpperCase(). Devuelve la cadena en minúsculas.
Ejemplo:
<HTML>
<HEAD>
   <title>Ejemplo de JavaScript</title>
</HEAD>
<BODY>
<script LANGUAGE="JavaScript">
<!--
var cad = "Hello World",i;
var ja = new Array();

ja = cad.split("o");

with(document) {
write("La cadena es: "+cad+"<BR>");
write("Longitud de la cadena: "+cad.length+"<BR>");
write("Haciendola ancla: "+cad.anchor("b")+"<BR>");
write("En grande: "+cad.big()+"<BR>");
write("Parpadea: "+cad.blink()+"<BR>");
write("Caracter 3 es: "+cad.charAt(3)+"<BR>");
write("Fuente FIXED: "+cad.fixed()+"<BR>");
write("De color: "+cad.fontcolor("#FF0000")+"<BR>");
write("De color: "+cad.fontcolor("salmon")+"<BR>");
write("Tamaño 7: "+cad.fontsize(7)+"<BR>");
write("<I>orl</I> esta en la posicion: "+cad.indexOf("orl"));
write("<BR>En cursiva: "+cad.italics()+"<BR>");
write("La primera <I>l</I> esta, empezando a contar por detras,");
write(" en la posicion: "+cad.lastIndexOf("l")+"<BR>");
write("Haciendola enlace: "+cad.link("doc.htm")+"<BR>");
write("En pequeño: "+cad.small()+"<BR>");
write("Tachada: "+cad.strike()+"<BR>");
write("Subindice: "+cad.sub()+"<BR>");
write("Superindice: "+cad.sup()+"<BR>");
write("Minusculas: "+cad.toLowerCase()+"<BR>");
write("Mayusculas: "+cad.toUpperCase()+"<BR>");
write("Subcadena entre los caracteres 3 y 10: ");
write(cad.substring(2,10)+"<BR>");
write("Entre los caracteres 10 y 3: "+cad.substring(10,2)+"<BR>");
write("Subcadenas resultantes de separar por las <B>o:</B><BR>");
for(i=0;i<ja.length;i++) write(ja[i]+"<BR>");
}
//-->
</script>
</BODY>
</HTML>

Reemplazar texto con javascript


En javascript podemos reemplazar texto usando el método replace del objeto string. Por ejemplo si queremos reemplazar la a por la o podemos hacer:
var str = 'cacao';
str = str.replace('a','o');
Lo malo es que replace sólo reemplaza una ocurrencia, así que obtendremos como resultado 'cocao'. Para reemplazar todas las ocurrencias podemos echar mano del método indexOf y un while:do {
    str = str.replace('a','o');

} while(str.indexOf('a') >= 0);
De esta forma llamaremos a replace tantas veces como haga falta para reemplazar todas las ocurrencias.

Te gust?

Abrir ventana emergente en javascript

Mostrar datos de un TEXT en un alert en JavaScript

 
Información
Christian Valencia publicado porPor: Ero-Fierce

Suscribete
Recibe los ultimos articulos en tu email:

Indice.
Javascript

Ultimos Artculos
Hacer SEO en el 2016 - 2017
Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des
10 trucos viejos, seo que nunca te dijeron
15 Efectos carrusel como pagina de libro animado con ejemplos
No se pudo generar una instancia de usuario de SQL Server debido a un error (.mdf
Solucion Error 26. No se encontró el servidor o éste no estaba accesible. Sql

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados