Apuntes Javascript básico

Documento HTML básico:

[code language=”html”]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Mi primer proyecto</title>
</head>
<body>
<h1>Primer proyecto de programación</h1>
</body>
</html>
[/code]

Las etiquetas “script” siempre van en el “head”

Integrar Javascript en una página Web HTML:

[code language=”javascript”]
<script type="text/javascript">
//Muestra una alerta en el navegador
//El \n es un salto de línea en Javascript
alert("Alerta:\nHola mundo!");
//Muestra en texto en el html
//El <br /> es un salto de línea en HTML
document.write("Hola mundo!<br /> en HTML");
//Solicita inserción de texto
window.prompt("Inserta texto", "AQUÍ");
</script>
[/code]

Código Javascript externo al HTML:

[code language=”html”]
<script type="text/javascript" src="code.js"></script>
[/code]

OPERADORES Aritméticos
+ Suma ó Concatena cadenas
– Resta
* Multiplicación
/ División
% Módulo (resto)
^ ó ** Potencia
= Asignación

OPERADORES relacionales
== Es igual a
!= No es igual a
< Es menor que > Es mayor que
>= Es mayor o igual que
<= Es menor o igual que OPERADORES lógicos
&& And
|| Or
! Negación

TIPOS DE DATOS
Números como 3,1415 ó 31415
Booleanos como true ó false
Cadenas (String) como “Hola mundo!”
Nulo representado como null

FUNCIONES DE CONVERSIÓN DE DATOS
parseInt(numero): de cadena a número entero
Number(numero): de cadena a número entero
parseFloat(numero): de cadena a número en coma flotante

Ejemplo:
[code language=”javascript”]
numero = "3.1415";

numero2 = parseInt(numero);
alert (numero2 + 1000);

numero3= parseFloat(numero);
alert (numero3 + 1000);

numero4 = Number(numero);
alert (numero4 + 1000);
[/code]

FUNCIONES MATH
Math.random(): genera número aleatorio entre 0 y 1
Math.floor(): redondea truncando
Math.ceil(): manda el siguiente número
Math.max(,,,): indica el valor más grande

Ejemplo:
[code language=”javascript”]
var miNumero = 7.89;

var numero = Math.random();
var numero2 = Math.floor(miNumero);
var numero3 = Math.ceil(miNumero);
var numero4 = Math.max(5,23,4);

alert (numero);
alert (numero2);
alert (numero3);
alert (numero4);
[/code]


VARIABLES
Declaración de variables

[code language=”javascript”]
var escuelas, institutos, universidades;
var estudiantes = 25;
[/code]

Incrementar/decrementar el valor de una variable

[code language=”javascript”]
//Incrementar
estudiantes = estudiantes + 1;
estudiantes += 1;
estudiantes++;

//Decrementar
estudiantes = estudiantes – 1;
estudiantes -= 1;
estudiantes–;
[/code]


CONDICIONALES

[code language=”javascript”]
var a = 1;
var b = 3;

//If, else if, else
if (a >= 0 && b >= 0){
alert ("A y B son valores positivos");
} else if (a < 0 && b < 0){
alert ("A y B son valores negativos");
} else {
alert ("Los valores A y B no coinciden");
}

//Switch
switch (a){
case 0:
alert ("A es 0");
break;
case 1:
alert ("A es 1");
break;
default:
alert ("A no es 0 ni 1");
}

//Condicionales abreviadas
if (a == 0) {
valor = 1;
} else {
valor = 0;
}

valor2 = (a == 0) ? 1 : 0;

alert (valor);
alert (valor2);
[/code]


ARRAYS

[code language=”javascript”]
//Crear un array sin casilla
var planetas = new Array();

//Crear un array de 3 valores
var mascotas = new Array(3);

//Asignar valores al array
mascotas[0] = "Perro";
mascotas[1] = "Gato";
mascotas[2] = "Hámster";

//Declarar array y asignar valores a la vez
var paises = ["Catalunya", "Francia", "Alemania"];

//Mostramos un valor del array
alert (mascotas[0] + "\n" + paises[0]);
[/code]

ARRAYS MULTIDIMENSIONALES

[code language=”javascript”]
//Crear un array multidimesional de 2×3
var mascotas = new Array(new Array(3), new Array(3));

//Asignar valores al array multidimesional
mascotas[0] = "Perro";
mascotas[1][2] = "Gato";

//Declarar array y asignar valores
var paises = [
[ "Catalunya" , "Francia" , "Suiza"],
[ "Italia" , "Portugal" , "España"],
[ "Reino Unido" , "Alemania" , "Holanda"]
];

paises[0][3]="Hola";

//Mostramos un valor del array
alert (mascotas[0]); //Devuelve Perro
alert (mascotas[0][0]); //Devuelve P (de Perro)
alert (mascotas[0][4]); //Devuelve o (de Perro)
alert (mascotas[1]); //Devuelve ,,Gato

alert (paises[0]); //Devuelve Catalunya,Francia,Suiza
alert (paises[1][2]); //Devuelve España
alert (paises[99]); //Devuelve Undefined

//Ampliamos el array multidimensional con
paises[0][3] = "Austria";
alert (paises[0][3]); //Devuelve Austria

[/code]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *