Buscar

Inicio Introduccin a JavaScript Captulo 3. Programacin bsica 3.5. Funciones y propiedades bsicas de JavaScript
3.5. Funciones y propiedades bsicas de JavaScript
JavaScript incorpora una serie de herramientas y utilidades (llamadas funciones y propiedades, como se ver ms
adelante) para el manejo de las variables. De esta forma, muchas de las operaciones bsicas con las variables, se
pueden realizar directamente con las utilidades que ofrece JavaScript.
3.5.1. Funciones tiles para cadenas de texto
A continuacin se muestran algunas de las funciones ms tiles para el manejo de cadenas de texto:
length, calcula la longitud de una cadena de texto (el nmero de caracteres que la forman)
var mensaje = "Hola Mundo";
var numeroLetras = mensaje.length; // numeroLetras = 10
+, se emplea para concatenar varias cadenas de texto
var mensaje1 = "Hola";
var mensaje2 = " Mundo";
var mensaje = mensaje1 + mensaje2; // mensaje = "Hola Mundo"
Adems del operador +, tambin se puede utilizar la funcin concat()
var mensaje1 = "Hola";
var mensaje2 = mensaje1.concat(" Mundo"); // mensaje2 = "Hola Mundo"
Las cadenas de texto tambin se pueden unir con variables numricas:
var variable1 = "Hola ";
var variable2 = 3;
var mensaje = variable1 + variable2; // mensaje = "Hola 3"
Cuando se unen varias cadenas de texto es habitual olvidar aadir un espacio de separacin entre las palabras:
var mensaje1 = "Hola";
var mensaje2 = "Mundo";
var mensaje = mensaje1 + mensaje2; // mensaje = "HolaMundo"
Los espacios en blanco se pueden aadir al final o al principio de las cadenas y tambin se pueden indicar forma
explcita:
var mensaje1 = "Hola";
var mensaje2 = "Mundo";
var mensaje = mensaje1 + " " + mensaje2; // mensaje = "Hola Mundo"
toUpperCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en maysculas:
var mensaje1 = "Hola";
var mensaje2 = mensaje1.toUpperCase(); // mensaje2 = "HOLA"
toLowerCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en minsculas:
var mensaje1 = "HolA";
var mensaje2 = mensaje1.toLowerCase(); // mensaje2 = "hola"
charAt(posicion), obtiene el carcter que se encuentra en la posicin indicada:
ndice de contenidos
Captulo 3. Programacin
bsica
3.1. Variables
3.2. Tipos de variables
3.3. Operadores
3.4. Estructuras de control de
flujo
3.5. Funciones y propiedades
bsicas de JavaScript
converted by Web2PDFConvert.com
var mensaje = "Hola";
var letra = mensaje.charAt(0); // letra = H
letra = mensaje.charAt(2); // letra = l
indexOf(caracter), calcula la posicin en la que se encuentra el carcter indicado dentro de la cadena de texto. Si el
carcter se incluye varias veces dentro de la cadena de texto, se devuelve su primera posicin empezando a buscar
desde la izquierda. Si la cadena no contiene el carcter, la funcin devuelve el valor -1:
var mensaje = "Hola";
var posicion = mensaje.indexOf('a'); // posicion = 3
posicion = mensaje.indexOf('b'); // posicion = -1
Su funcin anloga es lastIndexOf():
lastIndexOf(caracter), calcula la ltima posicin en la que se encuentra el carcter indicado dentro de la cadena de
texto. Si la cadena no contiene el carcter, la funcin devuelve el valor -1:
var mensaje = "Hola";
var posicion = mensaje.lastIndexOf('a'); // posicion = 3
posicion = mensaje.lastIndexOf('b'); // posicion = -1
La funcin lastIndexOf() comienza su bsqueda desde el final de la cadena hacia el principio, aunque la posicin
devuelta es la correcta empezando a contar desde el principio de la palabra.
substring(inicio, final), extrae una porcin de una cadena de texto. El segundo parmetro es opcional. Si slo se indica
el parmetro inicio, la funcin devuelve la parte de la cadena original correspondiente desde esa posicin hasta el
final:
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(2); // porcion = "la Mundo"
porcion = mensaje.substring(5); // porcion = "Mundo"
porcion = mensaje.substring(7); // porcion = "ndo"
Si se indica un inicio negativo, se devuelve la misma cadena original:
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(-2); // porcion = "Hola Mundo"
Cuando se indica el inicio y el final, se devuelve la parte de la cadena original comprendida entre la posicin
inicial y la inmediatamente anterior a la posicin final (es decir, la posicin inicio est incluida y la posicin final
no):
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(1, 8); // porcion = "ola Mun"
porcion = mensaje.substring(3, 4); // porcion = "a"
Si se indica un final ms pequeo que el inicio, JavaScript los considera de forma inversa, ya que automticamente
asigna el valor ms pequeo al inicio y el ms grande al final:
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(5, 0); // porcion = "Hola "
porcion = mensaje.substring(0, 5); // porcion = "Hola "
split(separador), convierte una cadena de texto en un array de cadenas de texto. La funcin parte la cadena de texto
determinando sus trozos a partir del carcter separador indicado:
var mensaje = "Hola Mundo, soy una cadena de texto!";
var palabras = mensaje.split(" ");
// palabras = ["Hola", "Mundo,", "soy", "una", "cadena", "de", "texto!"];
Con esta funcin se pueden extraer fcilmente las letras que forman una palabra:
converted by Web2PDFConvert.com
var palabra = "Hola";
var letras = palabra.split(""); // letras = ["H", "o", "l", "a"]
3.5.2. Funciones tiles para arrays
A continuacin se muestran algunas de las funciones ms tiles para el manejo de arrays:
length, calcula el nmero de elementos de un array
var vocales = ["a", "e", "i", "o", "u"];
var numeroVocales = vocales.length; // numeroVocales = 5
concat(), se emplea para concatenar los elementos de varios arrays
var array1 = [1, 2, 3];
array2 = array1.concat(4, 5, 6); // array2 = [1, 2, 3, 4, 5, 6]
array3 = array1.concat([4, 5, 6]); // array3 = [1, 2, 3, 4, 5, 6]
join(separador), es la funcin contraria a split(). Une todos los elementos de un array para formar una cadena de
texto. Para unir los elementos se utiliza el carcter separador indicado
var array = ["hola", "mundo"];
var mensaje = array.join(""); // mensaje = "holamundo"
mensaje = array.join(" "); // mensaje = "hola mundo"
pop(), elimina el ltimo elemento del array y lo devuelve. El array original se modifica y su longitud disminuye en
1 elemento.
var array = [1, 2, 3];
var ultimo = array.pop();
// ahora array = [1, 2], ultimo = 3
push(), aade un elemento al final del array. El array original se modifica y aumenta su longitud en 1 elemento.
(Tambin es posible aadir ms de un elemento a la vez)
var array = [1, 2, 3];
array.push(4);
// ahora array = [1, 2, 3, 4]
shift(), elimina el primer elemento del array y lo devuelve. El array original se ve modificado y su longitud
disminuida en 1 elemento.
var array = [1, 2, 3];
var primero = array.shift();
// ahora array = [2, 3], primero = 1
unshift(), aade un elemento al principio del array. El array original se modifica y aumenta su longitud en 1
elemento. (Tambin es posible aadir ms de un elemento a la vez)
var array = [1, 2, 3];
array.unshift(0);
// ahora array = [0, 1, 2, 3]
reverse(), modifica un array colocando sus elementos en el orden inverso a su posicin original:
var array = [1, 2, 3];
array.reverse();
// ahora array = [3, 2, 1]
3.5.3. Funciones tiles para nmeros
converted by Web2PDFConvert.com
Anterior
3.4. Estructuras de control de flujo
Siguiente
Captulo 4. Programacin avanzada
A continuacin se muestran algunas de las funciones y propiedades ms tiles para el manejo de nmeros.
NaN, (del ingls, "Not a Number") JavaScript emplea el valor NaN para indicar un valor numrico no definido (por
ejemplo, la divisin 0/0).
var numero1 = 0;
var numero2 = 0;
alert(numero1/numero2); // se muestra el valor NaN
isNaN(), permite proteger a la aplicacin de posibles valores numricos no definidos
var numero1 = 0;
var numero2 = 0;
if(isNaN(numero1/numero2)) {
alert("La divisin no est definida para los nmeros indicados");
}
else {
alert("La divisin es igual a => " + numero1/numero2);
}
Infinity, hace referencia a un valor numrico infinito y positivo (tambin existe el valor Infinity para los infinitos
negativos)
var numero1 = 10;
var numero2 = 0;
alert(numero1/numero2); // se muestra el valor Infinity
toFixed(digitos), devuelve el nmero original con tantos decimales como los indicados por el parmetro digitos y
realiza los redondeos necesarios. Se trata de una funcin muy til por ejemplo para mostrar precios.
var numero1 = 4564.34567;
numero1.toFixed(2); // 4564.35
numero1.toFixed(6); // 4564.345670
numero1.toFixed(); // 4564
Puedes enviarnos un comentario con sugerencias, crticas o para informarnos de algn error.
Los contenidos originales de este sitio estn bajo una licencia de Creative Commons. Las traducciones disponen cada una de su propia licencia.
converted by Web2PDFConvert.com