Está en la página 1de 4

JavaScript

1. Iniciar un script
<script>
//variables y operaciones del script
</script>

2. Tipos de datos:
• Indefinidos (cuando no se asigna ningún valor en la declaración de la variable)

• Booleanos (true, false, 0, 1)


var boolean1 = true;
var boolean2 = 0;

• Numerales (decimal, octal o hexadecimal)


var numeroDecimal = 17; // 17 en decimal
var numeroOctal = 021; // 17 en octal, se indica con un 0 delante
var numeroHexadecimal = 0x11; // 17 en hexadecimal, se indica con 0x delante

• Cadenas (encerradas en comillas simples o comillas dobles)


var Cadena1 = 'Texto 1';
var Cadena2 = "Texto 2";

• Valores especiales en cadenas de caracteres:

\n Salto de línea
\r Retorno de carro
\t Tabulación
\' Para mostrar comilla simple
\" Para mostrar comilla doble
\\ Para mostrar el símbolo \

3. Comentarios
// Comentario de una sola línea
/* Comentario que abarca varias líneas */

4. Variables
• Los nombres de las variables pueden comenzar por una letra, el guion bajo (_) y el símbolo de dólar ($).
• Los nombres de variables no pueden coincidir con palabras clave pertenecientes a la propia sintaxis de
JavaScript, ni con las palabras reservadas.

var NombreVariable = valor;

var NombreVariable; //variable de tipo indefinido

var NombreArreglo = [Valor1, Valor2, Valor3, ...];

var NombreArreglo = new Array(Valor1, Valor2, Valor3, ...);

1
var NombreMatriz = new Array();
NombreMatriz[0] = new Array(Valor1, Valor2, Valor3, ...);
NombreMatriz[1] = new Array(Valor1, Valor2, Valor3, ...);
NombreMatriz[3] = new Array(Valor1, Valor2, Valor3, ...);

var NombreObjeto = {
NombrePropiedad1: Valor,
NombrePropiedad2: Valor,
NombrePropiedad3: Valor,
NombrePropiedad4: Valor
}

• Para acceder a un valor del arreglo: NombreMatriz[Posicion]


• Para acceder a un valor de la matriz: NombreMatriz[Posicion1][Posicion2]
• Para acceder al valor de una propiedad de un objeto: NombreObjeto.NombrePropiedad

5. Operadores Aritméticos y Lógicos


+ Suma
- Resta
* Multiplicación
/ División
++ Autoincremento en 1
-- Autodecremento en 1
&& AND
|| OR
< Menor que
> Mayor que
<= Menor o igual que
>= Mayor o igual que
== Igual que
!= Diferente que
= Asignación

6. Condicionales
• Función Si

if (condición) {
// código que se ejecuta si se cumple la condición
}

• Función Si Entonces

if (condición) {
// código que se ejecuta si se cumple la condición
} else {
// código que se ejecuta si NO se cumple la condición
}

2
• Función Si anidada

if (primera condición) {
// código que se ejecuta si <primera condición> se cumple
} else if (segunda condición) {
// código si <primera condición> NO se cumple, pero <segunda condición> se cumple
} else {
// código si ninguna de las condiciones se cumple
}

7. Ciclos
• Función Mientras
while (condicion) {
// cuerpo del ciclo, código que se va a repetir mientras la condición se cumpla
}

• Función Para
for (valor de inicialización; condición; incrementador) {
// el cuerpo del ciclo, código que se repite mientras que la condición sea verdadera
}

8. Funciones
function NombreFuncion() {
// el cuerpo de la función;
}

• Llamar a una función a través de un botón


<html>
<head>
<title></title>
<script language="javascript">
function NombreFuncion() {
// el cuerpo de la función;
}
</script>
</head>
<body>
<form>
<input type="button" value="Info a mostrar" onClick="NombreFuncion()">
</form>
</body>
</html>
</script>

3
9. Solicitar datos al usuario
prompt("Texto a mostrar")

10. Mostrar datos al usuario


alert("Texto a mostrar "+NombreVariable+" ")

También podría gustarte