Apuntes Javascript básico

Documento HTML básico:

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

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

Integrar Javascript en una página Web HTML:

<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>

Código Javascript externo al HTML:

<script type="text/javascript" src="code.js"></script>

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:

numero = "3.1415";

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

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

numero4 = Number(numero);
alert (numero4 + 1000);

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:

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);

VARIABLES
Declaración de variables

var escuelas, institutos, universidades;
var estudiantes = 25;

Incrementar/decrementar el valor de una variable

//Incrementar
estudiantes = estudiantes + 1;
estudiantes += 1;
estudiantes++;

//Decrementar
estudiantes = estudiantes - 1;
estudiantes -= 1;
estudiantes--;

CONDICIONALES

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);

ARRAYS

//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]);

ARRAYS MULTIDIMENSIONALES

//Crear un array multidimesional de 2x3
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

Deja un comentario

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