¿QUE ES JAVASCRIPT?

JavaScript es un lenguaje de programación que te permite realizar actividades complejas en una

página web cada vez más una página web hace más cosas que sólo mostrar información estática
— como mostrar actualizaciones de contenido en el momento, interactuar con mapas,
animaciones gráficas 2D/3D etc. — puedes estar seguro de que JavaScript está involucrado. Es la
tercera capa del pastel de los estándares en las tecnologías para la web, dos de las cuales son
(HTML y CSS), hablaremos de ellas más adelante con más detalle en otra parte de nuestra Área d e
Aprendizaje.

Javascript es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas
que luego son insertados en una página web y en programas más grandes, orientados a
objetos mucho más complejos. Con Javascript podemos crear diferen tes efectos e
interactuar con nuestros usuarios .

En las páginas HTML, como está incluido en la etiqueta script <script>, el texto del guion
no aparece en la pantalla del usuario, y el navegador web es el que ejecuta el
programa JavaScript.

¿COMO TRABAJA JAVASCRIPT?

 Interfaces de Programación de Aplicaciones del Navegador (APIs) — APIs construidas dentro de

los navegadores que ofrecen funcionalidades como crear dinámicamente contenido HTML y
establecer estilos CSS, hasta capturar y manipular un vídeo desde la cámara web del usuario, o
generar gráficos 3D y muestras de sonido.
 APIs de Terceros, que permiten a los desarrolladores incorporar funcionalidades en sus sitios de
otros proveedores de contenidos como Twitter o Facebook.
 Marcos de trabajo y librerías de terceros que puedes aplicar a tu HTML para que puedas construir
y publicar rápidamente sitios y aplicaciones.
Entre los diferentes servicios que se encuentran realizados con Javascript en Internet se encuentran:

 Correo
 Chat
 Buscadores de Información

También podemos encontrar o crear códigos para insertarlos en las páginas como:

 Reloj
 Contadores de visitas
 Fechas
 Calculadoras
 Validadores de formularios
 Detectores de navegadores e idiomas

 JavaScript puede cambiar el contenido HTML

 Uno de los muchos métodos HTML de JavaScript es getElementById () .
 Este ejemplo utiliza el método para "encontrar" un elemento HTML (con id =
"demo") y cambia el contenido del elemento ( innerHTML ) a "Hello JavaScript":
 Ejemplo
 document.getElementById("demo").innerHTML = "Hello JavaScript";
 Inténtalo tú mismo "
 JavaScript acepta tanto comillas dobles como simples:
 Ejemplo
 document.getElementById('demo').innerHTML = 'Hello JavaScript';
 Inténtalo tú mismo "

 JavaScript puede cambiar los valores de

atributos HTML
 En este ejemplo, JavaScript cambia el valor del atributo src (fuente) de una
etiqueta <img>:
 La bombilla

 Turn on the light Turn off the light

  JavaScript puede cambiar los estilos HTML (CSS)
 Cambiar el estilo de un elemento HTML, es una variante de cambiar un atributo
HTML:
 Ejemplo
 document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';

 JavaScript puede ocultar elementos HTML

 Se puede ocultar los elementos HTML cambiando el estilo de visualización:
 Ejemplo
 document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';

 JavaScript puede mostrar elementos HTML

 Mostrar elementos HTML ocultos también se puede hacer cambiando el estilo de
visualización:
 Ejemplo
 document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display = 'block';

VARIABLES DE JAVASCRIPT

Las variables de JavaScript son contenedores para almacenar valores de datos.

En este ejemplo, x, y, y z, son variables:

Ejemplo
var x = 5;
var y = 6;
var z = x + y;

Del ejemplo anterior, puedes esperar:

 x almacena el valor 5
 y almacena el valor 6
 z almacena el valor 11
Mucho como algebra
En este ejemplo, precio1, precio2 y total son variables:

Ejemplo
var price1 = 5;
var price2 = 6;
var total = price1 + price2;

Identificadores de JavaScript
Todas las variables de JavaScript deben identificarse con nombres únicos .

Estos nombres únicos se llaman identificadores .

Los identificadores pueden ser nombres cortos (como x e y) o más nombres descriptivos
(age, sum, totalVolume).

Las reglas generales para construir nombres para variables (identificadores únicos) son:

 Los nombres pueden contener letras, dígitos, guiones bajos y signos de dólar.
 Los nombres deben comenzar con una letra.
 Los nombres también pueden comenzar con $ y _ (pero no lo usaremos en este
tutorial)
 Los nombres distinguen entre mayúsculas y minúsculas (y e Y son variables
diferentes)
 Las palabras reservadas (como las palabras clave de JavaScript) no se pueden usar
como nombres

El Operador de Asignación
En JavaScript, el signo igual (=) es un operador de "asignación", no un operador "igual
a".

Esto es diferente del álgebra. Lo siguiente no tiene sentido en álgebra:

x = x + 5

En JavaScript, sin embargo, tiene mucho sentido: asigna el valor de x + 5 a x.

(Calcula el valor de x + 5 y pone el resultado en x. El valor de x se incrementa en 5).

El operador "igual a" se escribe como == en JavaScript.

Tipos de datos de JavaScript
Las variables de JavaScript pueden contener números como 100 y valores de texto como
"John Doe".

En programación, los valores de texto se llaman cadenas de texto.

JavaScript puede manejar muchos tipos de datos, pero por ahora, solo piense en
números y cadenas.

Las cadenas se escriben entre comillas dobles o simples. Los números se escriben sin
comillas.

Si coloca un número entre comillas, se tratará como una cadena de texto.

Ejemplo
var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';

Declarar (crear) variables de JavaScript

Crear una variable en JavaScript se llama "declarar" una variable.

Usted declara una variable de JavaScript con la palabra clave var :

var carName;

Después de la declaración, la variable no tiene valor. (Técnicamente tiene el valor

de indefinido )

Para asignar un valor a la variable, use el signo igual:

carName = "Volvo";

También puede asignar un valor a la variable cuando lo declara:

var carName = "Volvo";

En el siguiente ejemplo, creamos una variable llamada carName y le asignamos el valor

"Volvo".Luego, "generamos" el valor dentro de un párrafo HTML con id = "demo":

Ejemplo
<p id="demo"></p>

<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Sintaxis de JavaScript
La sintaxis de JavaScript es el conjunto de reglas, cómo se construyen los programas
de JavaScript:

var x, y; // How to declare variables

x = 5; y = 6; // How to assign values
z = x + y; // How to compute values

Valores de JavaScript
La sintaxis de JavaScript define dos tipos de valores: valores fijos y valores variables.

Los valores fijos se llaman literales . Los valores de las variables se llaman variables .

Literales de JavaScript
Las reglas más importantes para escribir valores fijos son:

Los números se escriben con o sin decimales:

10.50

1001

Las cadenas son texto, escritas entre comillas dobles o simples:

"John Doe"

'John Doe'

Variables de JavaScript
En un lenguaje de programación, las variables se utilizan para almacenar valores de
datos.

JavaScript usa la palabra clave var para declarar variables.

Se utiliza un signo igual para asignar valores a las variables.

En este ejemplo, x se define como una variable. Entonces, a x se le asigna (dado) el valor
6:

var x;

x = 6;
Operadores de JavaScript
JavaScript usa operadores aritméticos (+ - * /) para calcular los valores:

(5 + 6) * 10

JavaScript usa un operador de asignación (=) para asignar valores a las variables:

var x, y;
x = 5;
y = 6;

Expresiones de JavaScript
Una expresión es una combinación de valores, variables y operadores, que se calcula a
un valor.

El cómputo se llama evaluación.

Por ejemplo, 5 * 10 evalúa a 50:

5 * 10

Las expresiones también pueden contener valores variables:

x * 10

Los valores pueden ser de varios tipos, como números y cadenas.

Por ejemplo, "John" + "" + "Doe", evalúa a "John Doe":

"John" + " " + "Doe"

Palabras clave de JavaScript

Las palabras clave de JavaScript se utilizan para identificar acciones a realizar.

La palabra clave var le dice al navegador que cree variables:

var x, y;
x = 5 + 6;
y = x * 10;

Comentarios de JavaScript
No todas las declaraciones de JavaScript están "ejecutadas".

El código después de barras dobles // o entre / * y * / se trata como un comentario .

Los comentarios son ignorados, y no serán ejecutados:

var x = 5; // I will be executed

// var x = 6; I will NOT be executed

Aprenderás más sobre los comentarios en un capítulo posterior.

Identificadores de JavaScript
Los identificadores son nombres.

En JavaScript, los identificadores se utilizan para nombrar variables (y palabras clave,

funciones y etiquetas).

Las reglas para los nombres legales son muy similares en la mayoría de los lenguajes de
programación.

En JavaScript, el primer carácter debe ser una letra, un guión bajo (_) o un signo de
dólar ($).

Los caracteres subsiguientes pueden ser letras, dígitos, guiones bajos o signos de dólar.

CONSTANTES JAVASCRIPT
Las variables constantes presentan un ámbito de bloque (block scope) tal y como lo hacen las variables
definidas usando la instrucción let, con la particularidad de que el valor de una constante no puede
cambiarse a través de la reasignación. Las constantes no se pueden redeclarar.

SintaxisSection
const varname1 = value1 [, varname2 = value2 [, varname3 = value3 [, ... [,
varnameN = valueN]]]];
varnameN

Nombre de la constante. Puede ser un identificador legal.

valueN
Valor de la constante. Puede ser cualquier expresión legal.

Las variables definidas con const se comportan como variables let , excepto que no se
pueden reasignar:

Ejemplo
const PI = 3.141592653589793;
PI = 3.14; // This will give an error
PI = PI + 10; // This will also give an error
Alcance del bloque
Declarar una variable con const es similar a dejar cuando se trata de Block Scope .

La x declarada en el bloque, en este ejemplo, no es la misma que la x declarada fuera del

bloque:

Ejemplo
var x = 10;
// Here x is 10
{
const x = 2;
// Here x is 2
}
// Here x is 10

Puede obtener más información sobre Block Scope en el capítulo anterior: JavaScript Let .

Asignado cuando se declara

A las variables const de JavaScript se les debe asignar un valor cuando se declaran:

Incorrecto
const PI;
PI = 3.14159265359;

Correcto
const PI = 3.14159265359;

No son constantes reales

La palabra clave const es un poco engañosa.

NO define un valor constante. Define una referencia constante a un valor.

Debido a esto, no podemos cambiar los valores primitivos constantes, pero podemos
cambiar las propiedades de los objetos constantes.
Valores primitivos
Si asignamos un valor primitivo a una constante, no podemos cambiar el valor primitivo:

Ejemplo
const PI = 3.141592653589793;
PI = 3.14; // This will give an error
PI = PI + 10; // This will also give an error

Los objetos constantes pueden cambiar

Puedes cambiar las propiedades de un objeto constante:

Ejemplo
// You can create a const object:
const car = {type:"Fiat", model:"500", color:"white"};

// You can change a property:

car.color = "red";

// You can add a property:

car.owner = "Johnson";

Pero NO puedes reasignar un objeto constante:

Ejemplo
const car = {type:"Fiat", model:"500", color:"white"};
car = {type:"Volvo", model:"EX60", color:"red"}; // ERROR

Las matrices constantes pueden cambiar

Puedes cambiar los elementos de una matriz constante:

Ejemplo
// You can create a constant array:
const cars = ["Saab", "Volvo", "BMW"];

// You can change an element:

cars[0] = "Toyota";

// You can add an element:

cars.push("Audi");
Pero NO puedes reasignar una matriz constante:

Ejemplo
const cars = ["Saab", "Volvo", "BMW"];
cars = ["Toyota", "Volvo", "Audi"]; // ERROR

No se permite redeclarar o reasignar una variable const existente , en el mismo ámbito o

en el mismo bloque:

Ejemplo
const x = 2; // Allowed
const x = 3; // Not allowed
x = 3; // Not allowed
var x = 3; // Not allowed
let x = 3; // Not allowed

{
const x = 2; // Allowed
const x = 3; // Not allowed
x = 3; // Not allowed
var x = 3; // Not allowed
let x = 3; // Not allowed
}

Se permite redeclar una variable con const , en otro ámbito, o en otro bloque:

Ejemplo
const x = 2; // Allowed

{
const x = 3; // Allowed
}

{
const x = 4; // Allowed
}

Levantamiento
Las variables definidas con var son elevadas a la parte superior. ( Js Hoisting )

Puedes usar una variable var antes de que sea declarada:

Ejemplo
carName = "Volvo"; // You CAN use carName here
var carName;
 Las variables definidas con const no se elevan a la parte superior.

No se puede usar una variable const antes de declararla

Ejemplo
carName = "Volvo"; // You can NOT use carName here
const carName = "Volvo";

El siguiente ejemplo produce una salida "a es 7."

const a = 7;
document.writeln("a es " + a + ".");

estructuras y tipos de datos

Sección de tipos de datos
El último estándar ECMAScript define siete tipos de datos:

 Seis tipos de datos que son primitivos :

o Boole . truey false.
o nula . Una palabra clave especial que denota un valor nulo. Debido JavaScript es sensible a
mayúsculas, nullno es el mismo que Null, NULLo cualquier otra variante.
o indefinido . Una propiedad de nivel superior cuyo valor no está definido.
o Número . Un número entero o punto flotante. Por ejemplo: 42o 3.14159.
o Cadena . Una secuencia de caracteres que representan un valor de texto. Por ejemplo: "Howdy"
o Símbolo (nuevo en ECMAScript 2015). Un tipo de datos cuyas instancias son únicas e inmutables.
 y objeto
Aunque estos tipos de datos son relativamente pocos, le permiten realizar funciones útiles con sus
aplicaciones. ObjectsY functionsson los otros elementos fundamentales en el lenguaje. Puede
pensar en los objetos como contenedores con nombre para los valores y las funciones como
procedimientos que su aplicación puede realizar

ipos de datos de JavaScript

Las variables de JavaScript pueden contener muchos tipos de datos : números,
cadenas, objetos y más:

var length = 16; // Number

var lastName = "Johnson"; // String
var x = {firstName:"John", lastName:"Doe"}; // Object

El concepto de tipos de datos

En programación, los tipos de datos es un concepto importante.

Para poder operar con variables, es importante saber algo sobre el tipo.
Sin tipos de datos, una computadora no puede resolver esto con seguridad:

var x = 16 + "Volvo";

¿Tiene sentido agregar "Volvo" a los dieciséis? ¿Producirá un error o producirá un

resultado?

JavaScript tratará el ejemplo anterior como:

var x = "16" + "Volvo";

Ejemplo
var x = 16 + "Volvo";

Ejemplo
var x = "Volvo" + 16;

JavaScript evalúa expresiones de izquierda a derecha. Diferentes secuencias pueden

producir diferentes resultados:

JavaScript:
var x = 16 + 4 + "Volvo";

Resultado:
20Volvo

JavaScript:
var x = "Volvo" + 16 + 4;

Resultado:
Volvo164

En el primer ejemplo, JavaScript trata los números 16 y 4 como números, hasta que llega
a "Volvo".

En el segundo ejemplo, dado que el primer operando es una cadena, todos los operandos
se tratan como cadenas.

Los tipos de JavaScript son dinámicos

JavaScript tiene tipos dinámicos. Esto significa que la misma variable se puede utilizar
para mantener diferentes tipos de datos:
Ejemplo
var x; // Now x is undefined
x = 5; // Now x is a Number
x = "John"; // Now x is a String

Cadenas de JavaScript
Una cadena (o una cadena de texto) es una serie de caracteres como "John Doe".

Las cadenas están escritas con comillas. Puedes usar comillas simples o dobles:

Ejemplo
var carName = "Volvo XC60"; // Using double quotes
var carName = 'Volvo XC60'; // Using single quotes

Puede usar comillas dentro de una cadena, siempre que no coincidan con las comillas que
rodean la cadena:

Ejemplo
var answer = "It's alright"; // Single quote inside double quotes
var answer = "He is called 'Johnny'"; // Single quotes inside double quotes
var answer = 'He is called "Johnny"'; // Double quotes inside single quotes

Aprenderás más sobre las cadenas más adelante en este tutorial.

Números de JavaScript
JavaScript tiene un solo tipo de números.

Los números se pueden escribir con o sin decimales:

Ejemplo
var x1 = 34.00; // Written with decimals
var x2 = 34; // Written without decimals

Los números extra grandes o extra pequeños se pueden escribir con notación científica
(exponencial):

Ejemplo
var y = 123e5; // 12300000
var z = 123e-5; // 0.00123
Aprenderás más sobre los números más adelante en este tutorial.

JavaScript Booleanos
Los booleanos solo pueden tener dos valores: verdadero o falso.

Ejemplo
var x = 5;
var y = 5;
var z = 6;
(x == y) // Returns true
(x == z) // Returns false
Los booleanos se utilizan a menudo en pruebas condicionales.

Aprenderá más sobre las pruebas condicionales más adelante en este tutorial.

Matrices de JavaScript
Las matrices de JavaScript están escritas con corchetes.

Los elementos de la matriz están separados por comas.

El siguiente código declara (crea) una matriz llamada automóviles, que contiene tres
elementos (nombres de automóviles):

Ejemplo
var cars = ["Saab", "Volvo", "BMW"];

Los índices de matriz se basan en cero, lo que significa que el primer elemento es [0], el
segundo es [1] y así sucesivamente.

Aprenderá más sobre matrices más adelante en este tutorial.

Objetos de JavaScript
Los objetos de JavaScript están escritos con llaves.

Las propiedades de los objetos se escriben como nombre: pares de valores, separados
por comas.

Ejemplo
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
El objeto (persona) en el ejemplo anterior tiene 4 propiedades: nombre, apellido, edad y
color de ojos.

Aprenderás más sobre los objetos más adelante en este tutorial.

El operador de typeof
Puede usar el operador typeof de JavaScript para encontrar el tipo de una variable de
JavaScript.

El operador typeof devuelve el tipo de una variable o una expresión:

Ejemplo
typeof "" // Returns "string"
typeof "John" // Returns "string"
typeof "John Doe" // Returns "string"

Ejemplo
typeof 0 // Returns "number"
typeof 314 // Returns "number"
typeof 3.14 // Returns "number"
typeof (3) // Returns "number"
typeof (3 + 4) // Returns "number"

Indefinido
En JavaScript, una variable sin valor, tiene el valor indefinido . El typeof también
es indefinido .

Ejemplo
var car; // Value is undefined, type is undefined

Se puede vaciar cualquier variable, estableciendo el valor como indefinido . El tipo

también será indefinido .

Ejemplo
car = undefined; // Value is undefined, type is undefined

Valores vacios
Un valor vacío no tiene nada que ver con indefinido.
Una cadena vacía tiene un valor legal y un tipo.

Ejemplo
var car = ""; // The value is "", the typeof is "string"

Nulo
En JavaScript null es "nada". Se supone que es algo que no existe.

Desafortunadamente, en JavaScript, el tipo de datos nulo es un objeto.

Puede considerarlo un error en JavaScript que typeof null es un objeto. Debe ser nulo.

Puedes vaciar un objeto configurándolo en nulo:

Ejemplo
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = null; // Now value is null, but type is still an object

También puede vaciar un objeto configurándolo como indefinido:

Ejemplo
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = undefined; // Now both value and type is undefined

Diferencia entre indefinido y nulo

Undefined y null son iguales en valor pero diferentes en tipo:

typeof undefined // undefined

typeof null // object

null === undefined // false

null == undefined // true

Datos primitivos
Un valor de datos primitivos es un solo valor de datos simple sin propiedades ni métodos
adicionales.

El operador typeof puede devolver uno de estos tipos primitivos:

 cuerda
 número
 booleano
  indefinido

Ejemplo
typeof "John" // Returns "string"
typeof 3.14 // Returns "number"
typeof true // Returns "boolean"
typeof false // Returns "boolean"
typeof x // Returns "undefined" (if x has no value)

Datos complejos
El operador typeof puede devolver uno de dos tipos complejos:

 función
 objeto

El operador typeof devuelve el objeto para ambos objetos, matrices y nulo.

El operador typeof no devuelve el objeto para funciones.

Ejemplo
typeof {name:'John', age:34} // Returns "object"
typeof [1,2,3,4] // Returns "object" (not "array", see note below)
typeof null // Returns "object"
typeof function myFunc(){} // Returns "function"

BUCLES

Los bucles pueden ejecutar un bloque de código siempre que una condición
especificada sea verdadera.

El bucle while
El bucle while se desplaza a través de un bloque de código siempre que una condición
especificada sea verdadera.

Sintaxis
while (condition) {
code block to be executed
}
Ejemplo
En el siguiente ejemplo, el código en el bucle se ejecutará una y otra vez, siempre que
una variable (i) sea menor que 10:

Ejemplo
while (i < 10) {
text += "The number is " + i;
i++;
}

Si olvida aumentar la variable utilizada en la condición, el bucle nunca terminará. Esto

bloqueará su navegador.

El bucle Do / While
El bucle do / while es una variante del bucle while. Este bucle ejecutará el bloque de
código una vez, antes de verificar si la condición es verdadera, luego repetirá el bucle
mientras la condición sea verdadera.

Sintaxis
do {
code block to be executed
}
while (condition);

Ejemplo
El siguiente ejemplo utiliza un bucle do / while. El bucle siempre se ejecutará al menos
una vez, incluso si la condición es falsa, porque el bloque de código se ejecuta antes de
que se pruebe la condición:

Ejemplo
do {
text += "The number is " + i;
i++;
}
while (i < 10);

No olvide aumentar la variable utilizada en la condición, de lo contrario, el ciclo nunca

terminará.
Comparando por y mientras
Si ha leído el capítulo anterior, sobre el bucle for, descubrirá que un bucle while es lo
mismo que un bucle for, con la declaración 1 y la declaración 3 omitidas.

El bucle en este ejemplo usa un bucle for para recopilar los nombres de los autos de la
matriz de autos:

Ejemplo
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
text += cars[i] + "<br>";
i++;
}

El bucle en este ejemplo usa un bucle while para recopilar los nombres de los autos de
la matriz de autos:

Ejemplo
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
text += cars[i] + "<br>";
i++;
}

sentencia labelSection
Un label proporciona una sentencia con un identificador que permite referirse a él desde cualquier
lugar de su programa. Por ejemplo, usted puede usar un label para identificar un bucle, y usar las
sentencias break o continue para indicar si el programa debe interrumpir un bucle o continuar su
ejecución.
La sintaxis de la sentencia label es:

label :

sentencia
Bucles de JavaScript
Los bucles son útiles, si desea ejecutar el mismo código una y otra vez, cada vez con un
valor diferente.

A menudo, este es el caso cuando se trabaja con matrices:

En lugar de escribir:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";

Puedes escribir:
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}

Diferentes tipos de bucles

JavaScript soporta diferentes tipos de bucles:

 for - recorre un bloque de código varias veces

 for / in - recorre las propiedades de un objeto
 while : pasa por un bloque de código mientras una condición específica es
verdadera
 do / while - también recorre un bloque de código mientras una condición
específica es verdadera

El bucle for
El bucle for tiene la siguiente sintaxis:

for (statement 1; statement 2; statement 3) {

code block to be executed
}

La instrucción 1 se ejecuta (una vez) antes de la ejecución del bloque de código.

La declaración 2 define la condición para ejecutar el bloque de código.

La instrucción 3 se ejecuta (cada vez) después de que se haya ejecutado el bloque de

código.
Ejemplo
for (i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}

Del ejemplo anterior, puedes leer:

La instrucción 1 establece una variable antes de que comience el ciclo (var i = 0).

La declaración 2 define la condición para que se ejecute el bucle (i debe ser menor que
5).

La declaración 3 aumenta un valor (i ++) cada vez que se ejecuta el bloque de código en
el bucle.

Declaración 1
Normalmente, usará la instrucción 1 para inicializar la variable utilizada en el bucle (i =
0).

Este no es siempre el caso, a JavaScript no le importa. La declaración 1 es opcional.

Puede iniciar muchos valores en la declaración 1 (separados por comas):

Ejemplo
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}

Y puede omitir la instrucción 1 (como cuando sus valores se establecen antes de que
comience el ciclo):

Ejemplo
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}

Declaración 2
A menudo, la declaración 2 se utiliza para evaluar la condición de la variable inicial.
Este no es siempre el caso, a JavaScript no le importa. La declaración 2 también es
opcional.

Si la declaración 2 devuelve verdadero, el bucle comenzará de nuevo, si devuelve falso,

el bucle finalizará.

Si omite la instrucción 2, debe proporcionar una ruptura dentro del bucle. De lo

contrario, el bucle nunca terminará. Esto bloqueará su navegador. Lee sobre los
descansos en un capítulo posterior de este tutorial

Declaración 3
A menudo, la declaración 3 incrementa el valor de la variable inicial.

Este no es siempre el caso, a JavaScript no le importa, y la declaración 3 es opcional.

La declaración 3 puede hacer algo como un incremento negativo (i--), un incremento

positivo (i = i + 15), o cualquier otra cosa.

La declaración 3 también se puede omitir (como cuando incrementas tus valores dentro
del bucle):

Ejemplo
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}

El For / In Loop
El JavaScript para / en la declaración recorre las propiedades de un objeto:

Ejemplo
var person = {fname:"John", lname:"Doe", age:25};

var text = "";

var x;
for (x in person) {
text += person[x];
}
 SCRIP MAS USADOS EN JACASCRIPT

Funciones
Objeto
Función Descripción
JavaScript

abs (Función) Devuelve el valor absoluto de un número. Math

acos (Función) Devuelve el arcocoseno de un número. Math

asin (Función) Devuelve el arcoseno de un número. Math

atan (Función) Devuelve el arco tangente de un número. Math

atan2 (Función) Devuelve el ángulo (en radianes) desde el eje X hasta un Math
punto (y,x).

ceil (Función) Devuelve el menor entero que sea mayor o igual que su Math
argumento numérico.

cos (Función) Devuelve el coseno de un número. Math

create (Función) Crea un objeto que tiene un prototipo especificado y Object

contiene opcionalmente propiedades especificadas.

decodeURI (Función) Devuelve la versión sin codificar de un identificador Global

uniforme de recursos (URI) codificado.

decodeURIComponent Devuelve la versión sin codificar de un componente Global

(Función) codificado de un identificador uniforme de recursos
(URI).

defineProperties (Función) Agrega una o varias propiedades a un objeto, o modifica Object

atributos de propiedades existentes.

defineProperty (Función) Agrega una propiedad a un objeto o modifica atributos de Object

una propiedad existente.

encodeURI (Función) Codifica una cadena de texto como un identificador Global

uniforme de recursos (URI) válido.

encodeURIComponent Codifica una cadena de texto como un componente válido Global

(Función) de un identificador uniforme de recursos (URI).

escape (Función) Codifica objetos String para que se puedan leer en todos Global
los equipos.

eval (Función) Evalúa código JavaScript y lo ejecuta. Global

exp (Función) Devuelve e (la base de los logaritmos naturales) elevado a Math
una potencia.
floor (Función) Devuelve el mayor entero que sea menor o igual que su Math
argumento numérico.

freeze (Función) Impide la modificación de atributos y valores de Object

propiedad existentes e impide agregar nuevas
propiedades.

fromCharCode (Función) Devuelve una cadena a partir de varios valores de String

caracteres Unicode.

GetObject (Función) Devuelve una referencia a un objeto de automatización Global

desde un archivo.

getOwnPropertyDescriptor Devuelve la definición de una propiedad de datos o de una Object

(Función) propiedad de descriptor de acceso.

getOwnPropertyNames Devuelve los nombres de las propiedades y métodos de un Object

(Función) objeto.

getPrototypeOf (Función) Devuelve el prototipo de un objeto. Object

isArray (Función) Devuelve un valor de tipo Boolean que indica si un objeto Array
es una matriz.

isExtensible (Función) Devuelve un valor que indica si se pueden agregar nuevas Object
propiedades a un objeto.

isFinite (Función) Devuelve un valor Boolean que indica si un número Global

proporcionado es finito.

isFrozen (Función) Devuelve true si no se pueden modificar atributos y Object

valores de propiedad existentes en un objeto y no se
pueden agregar nuevas propiedades al objeto.

isNaN (Función) Devuelve un valor Boolean que indica si un valor es el Global

valor reservado NaN (no es un número).

isSealed (Función) Devuelve true si no se pueden modificar atributos de Object

propiedad existentes en un objeto y no se pueden agregar
nuevas propiedades al objeto.

keys (Función) Devuelve los nombres de las propiedades y los métodos Object
enumerables de un objeto.

log (Función) Devuelve el logaritmo natural de un número. Math

max (Función) Devuelve la mayor de dos expresiones numéricas Math

especificadas.

min (Función) Devuelve el menor de dos números especificados. Math

now (Función) Devuelve el número de milisegundos que hay entre el 1 de Date
enero de 1970 y la fecha y hora actuales.

parse (Función) (Date) Analiza una cadena que contiene una fecha y devuelve el Date
número de milisegundos transcurridos entre esa fecha y la
medianoche del 1 de enero de 1970.

parse (Función) (JSON) Deserializa texto JSON para generar un objeto o una JSON
matriz en memoria.

parseFloat (Función) Devuelve un número de punto flotante convertido desde Global

una cadena.

parseInt (Función) Devuelve un número entero convertido desde una cadena. Global

pow (Función) Devuelve el valor de una expresión base elevado a una Math
potencia que se especifique.

preventExtensions (Función) Impide la adición de nuevas propiedades a un objeto. Object

random (Función) Devuelve un número seudoaleatorio entre 0 y 1. Math

round (Función) Devuelve una expresión numérica especificada, Math

redondeada al entero más cercano.

ScriptEngine (Función) Devuelve una cadena que representa el lenguaje de Global

scripting que se está usando.

ScriptEngineBuildVersion Devuelve el número de versión de compilación del motor Global

(Función) de scripting que se está usando.

ScriptEngineMajorVersion Devuelve el número de versión principal del motor de Global

(Función) scripting que se está usando.

ScriptEngineMinorVersion Devuelve el número de versión secundaria del motor de Global

(Función) scripting que se está usando.

seal (Función) Impide la modificación de atributos de propiedades Object

existentes e impide agregar nuevas propiedades.

sin (Función) Devuelve el seno de un número. Math

sqrt (Función) Devuelve la raíz cuadrada de un número. Math

stringify (Función) Serializa un objeto o matriz en texto de la notación de JSON

objetos JavaScript (JSON).

tan (Función) Devuelve la tangente de un número. Math

unescape (Función) Descodifica objetos String codificados con el Global

método escape.
UTC (Función) Devuelve el número de milisegundos transcurrido entre la Date
medianoche del 1 de enero de 1970 según el horario
universal coordinado (UTC) (o GMT) y la fecha
proporcionada.

write (Función) Envía cadenas al depurador de scripts. Debug

writeln (Función) Envía cadenas al depurador de scripts, seguidas de un Debug

carácter de nueva línea.