» Pasar una cadena a mayúsculas con Javascript

Pasar una cadena a mayúsculas con Javascript

Escrito por J.F. el Martes, 7 de Agosto del 2007 a las 14:23

Las operaciones con cadenas son algo fundamental practicamente en todos los lenguajes de programación. Suele ser necesario darles un formato, para así poder tratar con mayor facilidad los datos. En ésta ocasión vamos a ver al proceso a llevar a cabo para pasar una cadena a mayúsculas. Para ello vamos a usar la función de Javascript `toUpperCase(),` que es la encargada de convertir cada caracter a mayúscula. Veamos la función:

TEXTO PLANO

JavaScript:

<head>

<script>

function pasarMayusculas(cadena) {

var result="";

var str = cadena.split('');

for(i=0; i<=str.length-1; i++) {

str[i] = str[i].toUpperCase();

result+=str[i];

}

alert(result); //return(result);

}

</script>

</head>

El código HTML puede variar en función de lo que queramos hacer, pero para poner un sencillo ejemplo vamos a emplear un campo de texto que al perder el foco se nos muestre en un alert la palabra convertida a mayúsculas:

TEXTO PLANO

HTML:

<body>

<form name="formulario">

<input type="text" name="valor" onBlur="pasarMayusculas(this.value);">

</form>

</body>

En caso de que queramos realizar la operación inversa, es decir, pasar la cadena a minúsculas, tan solo habrá que sustituir la línea

TEXTO PLANO

JavaScript:

str[i] = str[i].toUpperCase();

por

TEXTO PLANO

JavaScript:

str[i] = str[i].toLowerCase();

Categoria: Javascript

Añadir este post a

Del.icio.us -

Meneame -

Digg -

Webeame

5 Comentarios

Entradas relacionadas

Comentario de JUAN CARLOS

Realizado el Miércoles, 10 de Octubre del 2007 a las 1:31

tambien si usas la funcion directamente en la variable, lo hace sin tener que recorrer toda la cadena a traves de su indice, saludos de ÑOLITA

Comentario de J.F.

Realizado el Miércoles, 10 de Octubre del 2007 a las 8:35

Sí tienes razón, lo que pasa es que yo vengo de C, y en C se hace así Se puede hacer facilmente de la siguiente manera, pasándole el objeto a la siguiene función:

function Mayusculas(obj){
obj.value=obj.value.toUpperCase();
}

Saludos.

Comentario de Edgar hdez

Realizado el Viernes, 29 de Agosto del 2008 a las 22:42

Pasara a mayuculas con html

saludos

Comentario de Edgar hdez

Realizado el Viernes, 29 de Agosto del 2008 a las 22:42

pasar a mayuculas con html

Comentario de Edgar hdez

Realizado el Viernes, 29 de Agosto del 2008 a las 22:43

“”

“>

Escribir un comentario