Scribd
Cargar
254 vistas

JavaScript - Variables y Operadores

Este capítulo describe expresiones y operadores de JavaScript, incluyendo los de asignación, comparación, aritméticos, bit a bit, lógicos, cadena, ternarios y otros. También tienes disponible una lista completa y detallada de las expresiones y los operadores

Cargado por

Carlos Cotrina
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
254 vistas

JavaScript - Variables y Operadores

Este capítulo describe expresiones y operadores de JavaScript, incluyendo los de asignación, comparación, aritméticos, bit a bit, lógicos, cadena, ternarios y otros. También tienes disponible una lista completa y detallada de las expresiones y los operadores

Cargado por

Carlos Cotrina
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 6

IESTP “JOSÉ PARDO” JavaScript

Carrera Profesional: Computación e Informática

JavaScript

VARIABLES

Una variable es el nombre que se le da a una posición de la memoria del computador en el cual
se almacena información, conociendo esta posición de memoria se puede encontrar, actualizar o
recuperar información cuando la necesitemos durante el resto del programa.

El nombre de una variable en JavaScript debe estar formado por una o más letras, dígitos o
guiones bajos (_). No pueden comenzar por un dígito (del “0” al “9”). Las letras incluyen todos
los caracteres en mayúsculas (de la “A” a la “Z”) y en minúsculas(de la “a” a la “z”).

Declaración de variables
Para declarar variables en javascript se utiliza la palabra reservada “var” seguida del nombre de
la nueva variable.

Ejm.
var n;
var i,j,k;
var dpto, pais;

Luego de declarar a una variable podemos asignar un valor:

Ejm.
var n;
n=0

Se puede inicializar una variable al mismo tiempo que se declara.

Ejm.
var n=0;
var i=1, j=5, k;
var dpto=”lima”, pais=”perú”;

TIPOS DE VARIABLES (TIPOS DE DATOS )


Cuando se almacena información en una variable, automáticamente se la clasifica en uno de los
cinco tipos de datos válidos en javascript.

Tipos de datos Ejemplo


number -12, 3.141516, 50
boolean true, false
string “Lima”, “”
function unescape, write
object window, document, null

NOTA:
No se requiere que se definan los tipos de datos y no se impide que se asignen diferentes tipos
de datos a una misma variable. Las variables de JavaScript pueden aceptar un nuevo tipo de
datos en cualquier momento, en cuanto cambia el tipo de contenido de la variable.

Docente: Johnny Díaz Pág. 1


IESTP “JOSÉ PARDO” JavaScript
Carrera Profesional: Computación e Informática

Ejemplo:

<HTML>
<HEAD>
<TITLE>Pagina que pide confirmación</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var r;
r=16+5;
document.write(r);

r="La suma es 21"


document.write("<br>"+r);
//-->
</SCRIPT>
</BODY>
</HTML>

ÁMBITO DE LAS VARIABLES


El ámbito de una variable hace referencia al área o áreas dentro del programa en las cuales la
variable puede ser referenciada. Si se inserta un script en la cabecera de un documento HTML y
otro distinto dentro del cuerpo del mismo documento HTML, Java Script considera que las
variables declaradas en cualquiera de estas áreas tienen el mismo ámbito. Estas variables se
consideran globales y son accesibles por cualquier script en el documento actual.

Las variables declaradas dentro de las funciones se consideran locales y no son accesibles
por cualquier script. Si se desea que varias funciones compartan una variable, hay que
declarar dicha variable fuera de cualquier función (pero dentro de las etiquetas <SCRIPT>).

Docente: Johnny Díaz Pág. 2


IESTP “JOSÉ PARDO” JavaScript
Carrera Profesional: Computación e Informática

OPERADORES
OPERADORES ARITMÉTICOS

JavaScript dispone de los operadores aritméticos clásicos y algún que otro más:

Descripción Símbolo Ejemplo Resultado del ejemplo


Multiplicación * 2*4 8
División / 5/2 2.5
Resto de una división entera % 5%2 1
Suma + 2+2 4
Resta - 7-2 5
Incremento ++ ++2 3
Decremento -- --2 1

Con respecto a los operadores de incremento y decremento. Se pueden colocar tanto antes como
después de la expresión que deseemos modificar pero sólo devuelven el valor modificado si
están delante.

a = 1;
b = ++a;

En este primer caso, a valdrá 2 y b también valdrá 2. Sin embargo:

a = 1;
b = a++;

Ahora, a sigue valiendo 2, pero b es ahora 1. Es decir, estos operadores modifican siempre a su
operando, pero si se colocan detrás del mismo se ejecutan después de todas las demás
operaciones.

OPERADORES DE COMPARACIÓN

Podemos usar los siguientes:

Descripción Símbolo Ejemplo Resultado del ejemplo


Igualdad == 2 = = '2' Verdadero
Desigualdad != 2 != 2 Falso
Menor que < 2<2 Falso
Mayor que > 3>2 Verdadero
Menor o igual que <= 2 <= 2 Verdadero
Mayor o igual que >= 1 >= 2 Falso

Docente: Johnny Díaz Pág. 3


IESTP “JOSÉ PARDO” JavaScript
Carrera Profesional: Computación e Informática

OPERADORES LÓGICOS

Estos operadores permiten realizar expresiones lógicas complejas:

Descripción Símbolo Ejemplo Resultado del ejemplo


Y && (2 = 2) && (2 >= 0) Verdadero
Ó || (2 = 2) || (2 <> 2) Verdadero
Negación ! !(2 = 2) Falso

OPERADORES DE ASIGNACIÓN

Normalmente los lenguajes tienen un único operador de asignación, que en JavaScript es el


símbolo =. Pero en este lenguaje, dicho operador se puede combinar con operadores aritméticos
y lógicos para dar los siguientes:

Operador Significado
x += y x=x+y
x -= y x=x–y
x *= y x=x*y
x /= y x=x/y
x %= y x=x%y

OPERADORES CONDICIONALES

condicion ? valor1 : valor2

Si la condición es verdadera, la expresión toma el valor1 y si es falsa toma el valor2.

Ejemplo: El siguiente ejemplo muestra el uso del operador condicional.

<HTML>
<HEAD>
<TITLE>Pagina con operadores condicionales</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var a = prompt("Ingrese 1er numero:","");
var b = prompt("Ingrese 2do numero:","");
(a>b)?alert("El primer número es mayor"):alert( "El segundo número es mayor")

document.write("A es igual a: "+a)


document.write("<BR>"+"B es igual a: "+b)
//-->
</SCRIPT>
</BODY>
</HTML>

Docente: Johnny Díaz Pág. 4


IESTP “JOSÉ PARDO” JavaScript
Carrera Profesional: Computación e Informática

Ejemplo: Realizar las operaciones aritméticas básicas con los números 16 y 5.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
document.write("<H2>vamos a operar los números 16 y 5 </H2>");
document.write("<BR> 16 + 5 =", 16+5);
document.write("<BR> 16 - 5 =", 16-5);
document.write("<BR> 16 * 5 =", 16*5);
document.write("<BR> 16 / 5 =", 16/5);
document.write("<BR> 16 % 5 =",16%5);
</script>
</head>
<body>

</body>
</html>

Ejemplo: El ejemplo muestra como concatenar cadenas de texto.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
var nom="Nelson";
var apepat="Mandela";
var apemat=" Rolihlahla ";
var nom_ape;

document.write("<H3>Vamos a Concatenar Cadenas</H3>");


document.write("<BR> El valor del Nombre es: " + nom);
document.write("<BR> El valor del Apellido Paterno es: "+apepat);
document.write("<BR> El valor del Apellido Materno es: "+apemat);
nom_ape=nom+" "+apepat+" "+apemat;
document.write("<BR> El nombre completo es: ", nom_ape);
</script>
</head>
<body>

</body>
</html>

Docente: Johnny Díaz Pág. 5


IESTP “JOSÉ PARDO” JavaScript
Carrera Profesional: Computación e Informática

El Operador TypeOf
El operador TypeOf devuelve una cadena mostrando el tipo de datos que corresponde con el
operando que se le pasa, de este modo se puede saber si el operando que se está utilizando es
una función (tipo function), un valor numérico (tipo number), una cadena de caracteres (tipo
string), un valor booleano (tipo bolean), un objeto (tipo object) o si es un valor sin definir (tipo
undefined).

Ejemplo: El ejemplo muestra el uso del operador TypeOf.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
var abc;
document.write("<H2>Manejando el Operador TypeOf</H2>");
document.write("<BR>");
document.write("<TABLE BORDER=1 CELLPADDING=4");
document.write("<TR ALIGN=CENTER><TD>OPERANDOS</TD>");
document.write("<TD>5.2657</TD>");
document.write("<TD>HOLA</TD>");
document.write("<TD>true</TD>");
document.write("<TD>IsNaN</TD>");
document.write("<TD>document</TD>");
document.write("<TD>abc</TD> </TR>");

document.write("<TR ALIGN=CENTER><TD>TIPOS</TD>");
document.write("<TD>" + typeof 5.2657 + "</TD>");
document.write("<TD>" + typeof 'HOLA' + "</TD>");
document.write("<TD>" + typeof true + "</TD>");
document.write("<TD>" + typeof isNaN + "</TD>");
document.write("<TD>" + typeof document + "</TD>");
document.write("<TD>" + typeof abc + "</TD></TR>");
document.write("</TABLE>");
</script>
</head>
<body>

</body>
</html>

Preparado por el Prof: Johnny Díaz


Fin de la Segunda Clase

Docente: Johnny Díaz Pág. 6

También podría gustarte