SlideShare una empresa de Scribd logo
1 de 10
Variable y Array en JavaScript
Material preparado para la clase de Introducción a JavaScript a
partir del libro Introducción a JavaScript, autor: Javier Eguiluz.
Prof. María Zeballos
Variables
En JavaSript no es necesario declarar las variables, pero
sí se recomienda hacerlo.
Las variables en JavaScript se declaran mediante la
palabra reservada var. Cuando se utilizan las variables
en el resto de instrucciones del script, solamente es
necesario indicar su nombre.
Prof. María Zeballos
Variables
El nombre o identificador de una variable sólo puede
estar formado por letras, números y los símbolos $
(dólar) y _ (guión bajo), y el primer carácter no puede
ser un número.
Prof. María Zeballos
Variables
JavaScript es un lenguaje débilmente tipado, esto es,
una variable puede cambiar de tipo durante su vida,
por ejemplo uno puede declarar una variable con valor
entero y más adelante asignarle una cadena.
Prof. María Zeballos
Los valores que pueden asignarse a una
variable pueden ser:
Prof. María Zeballos
Cadena de texto. Si se utiliza para almacenar
caracteres, palabras y/o frases de texto se encierra
el valor entre comillas dobles o simples, para
delimitar su comienzo y su final:
var inicial = ‘M';
var codigo = ‘C76T72C';
var titulo = “Introducción a JavaScript";
Los valores que pueden asignarse a una
variable pueden ser:
Prof. María Zeballos
No se tienen en cuenta los espacios en blanco y las
nuevas líneas. El intérprete de JavaScript ignora
cualquier espacio en blanco sobrante, por lo que el código
se puede ordenar de forma adecuada para entenderlo
mejor (tabulando las líneas, añadiendo espacios, creando
nuevas líneas, etc.)
Valores numéricos. Cuando el valor se
asigna indicando directamente el número entero o
decimal. Los números decimales utilizan el carácter
. (punto) en vez de , (coma) para separar la parte
entera y la parte decimal:
var edad = 36; // variable tipo entero
var salario = 934.59; // variable tipo decimal
Los valores que pueden asignarse a una
variable pueden ser:
Prof. María Zeballos
No se tienen en cuenta los espacios en blanco y las
nuevas líneas. El intérprete de JavaScript ignora
cualquier espacio en blanco sobrante, por lo que el código
se puede ordenar de forma adecuada para entenderlo
mejor (tabulando las líneas, añadiendo espacios, creando
nuevas líneas, etc.)
Se distinguen las mayúsculas y minúsculas.
No se define el tipo de las variables: al crear una
variable, no es necesario indicar el tipo de dato que
almacenará. De esta forma, una misma variable
puede almacenar diferentes tipos de datos durante
la ejecución del script.
Valores booleanos: true o false.
Arrays
Un array es una colección de variables, que pueden ser
todas del mismo tipo o cada una de un tipo diferente y
a las que podemos acceder de manera independiente,
mediante un índice que nos permite especificar la
posición a la que nos estamos refiriendo.
Prof. María Zeballos
Arrays
Los arrays en Javascript empiezan siempre en la
posición 0, así que un array que tenga por ejemplo 10
posiciones, tendrá casillas de la 0 a la 9.
Para definir un array, se utilizan los caracteres [ y ] para
delimitar su comienzo y su final y se utiliza el carácter ,
(coma) para separar sus elementos:
var nombre_array = [valor1, valor2, ..., valorN];
Prof. María Zeballos
Arrays
Ejemplo:
var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes",
"Sábado", "Domingo"];
var diaSeleccionado = dias[0]; // diaSeleccionado = "Lunes“
var otroDia = dias[5]; // otroDia = "Sabado"
Prof. María Zeballos

Más contenido relacionado

La actualidad más candente (17)

Presentación JavaScript
Presentación JavaScriptPresentación JavaScript
Presentación JavaScript
 
Clase 10 expresiones regulares
Clase 10 expresiones regularesClase 10 expresiones regulares
Clase 10 expresiones regulares
 
Guia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt GudeGuia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt Gude
 
Clase09 java script
Clase09 java scriptClase09 java script
Clase09 java script
 
Introduccion a java script
Introduccion a java scriptIntroduccion a java script
Introduccion a java script
 
Samuel bailon sanchez
Samuel bailon sanchezSamuel bailon sanchez
Samuel bailon sanchez
 
Javascript continuación
Javascript   continuaciónJavascript   continuación
Javascript continuación
 
B) uso de los elemtos del lenguaje de script en las paginas web dinamicas
B) uso de los elemtos del lenguaje de script en las paginas web dinamicasB) uso de los elemtos del lenguaje de script en las paginas web dinamicas
B) uso de los elemtos del lenguaje de script en las paginas web dinamicas
 
Programación de codigos de php
Programación de codigos de phpProgramación de codigos de php
Programación de codigos de php
 
Programacion I
Programacion IProgramacion I
Programacion I
 
Clase2
Clase2Clase2
Clase2
 
Clase 9 eventos
Clase 9 eventosClase 9 eventos
Clase 9 eventos
 
Diapo04
Diapo04Diapo04
Diapo04
 
Java script
Java script Java script
Java script
 
1 introducción aprendiendo ruby
1 introducción   aprendiendo ruby1 introducción   aprendiendo ruby
1 introducción aprendiendo ruby
 
Ricardo jsp
Ricardo jspRicardo jsp
Ricardo jsp
 
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSONJavascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
 

Similar a Variables y Arrays en JS

9 Curso de POO en java - variables, constantes y objetos
9 Curso de POO en java - variables, constantes y objetos9 Curso de POO en java - variables, constantes y objetos
9 Curso de POO en java - variables, constantes y objetosClara Patricia Avella Ibañez
 
2,1 elementos de java script
2,1 elementos de java script2,1 elementos de java script
2,1 elementos de java scriptCronio Antmao
 
Javascript para principiantes - Variables
Javascript para principiantes - VariablesJavascript para principiantes - Variables
Javascript para principiantes - VariablesOscar Josué Uh Pérez
 
Conceptos Generales
Conceptos GeneralesConceptos Generales
Conceptos Generalesbosaro
 
C2 fundamentos de java v2
C2 fundamentos de java v2C2 fundamentos de java v2
C2 fundamentos de java v2Mariano Galvez
 
Unidad i antecedentes
Unidad i antecedentesUnidad i antecedentes
Unidad i antecedentesBrayanBaffz
 
Unidad i antecedentes1
Unidad i antecedentes1Unidad i antecedentes1
Unidad i antecedentes1BrayanBaffz
 
Sintaxis en java
Sintaxis en javaSintaxis en java
Sintaxis en javapbcanessa
 
Certificación java 6 cap 3
Certificación java 6 cap 3Certificación java 6 cap 3
Certificación java 6 cap 3srBichoRaro
 
Tema 1-2 identificadores - variable y constante
Tema 1-2 identificadores - variable y constanteTema 1-2 identificadores - variable y constante
Tema 1-2 identificadores - variable y constanteRufi Flores
 
Variables y tipos de datos parcial
Variables y tipos de datos parcialVariables y tipos de datos parcial
Variables y tipos de datos parcialvictor heredia
 

Similar a Variables y Arrays en JS (20)

Variables
VariablesVariables
Variables
 
9 Curso de POO en java - variables, constantes y objetos
9 Curso de POO en java - variables, constantes y objetos9 Curso de POO en java - variables, constantes y objetos
9 Curso de POO en java - variables, constantes y objetos
 
2,1 elementos de java script
2,1 elementos de java script2,1 elementos de java script
2,1 elementos de java script
 
Javascript para principiantes - Variables
Javascript para principiantes - VariablesJavascript para principiantes - Variables
Javascript para principiantes - Variables
 
Tipos de datos 1
Tipos de datos 1Tipos de datos 1
Tipos de datos 1
 
Conceptos Generales
Conceptos GeneralesConceptos Generales
Conceptos Generales
 
Las variables y constantes
Las variables y constantesLas variables y constantes
Las variables y constantes
 
C2 fundamentos de java v2
C2 fundamentos de java v2C2 fundamentos de java v2
C2 fundamentos de java v2
 
Variables y constantes
Variables  y constantesVariables  y constantes
Variables y constantes
 
Unidad i antecedentes
Unidad i antecedentesUnidad i antecedentes
Unidad i antecedentes
 
Unidad i antecedentes1
Unidad i antecedentes1Unidad i antecedentes1
Unidad i antecedentes1
 
Sintaxis en java
Sintaxis en javaSintaxis en java
Sintaxis en java
 
A3 identificador palabraclavetipos
A3 identificador palabraclavetiposA3 identificador palabraclavetipos
A3 identificador palabraclavetipos
 
Certificación java 6 cap 3
Certificación java 6 cap 3Certificación java 6 cap 3
Certificación java 6 cap 3
 
Tipos de java...
Tipos de java...Tipos de java...
Tipos de java...
 
Tipos de java...
Tipos de java...Tipos de java...
Tipos de java...
 
Tema 1-2 identificadores - variable y constante
Tema 1-2 identificadores - variable y constanteTema 1-2 identificadores - variable y constante
Tema 1-2 identificadores - variable y constante
 
Tutorial de Lenguaje de Programación Swift
Tutorial de Lenguaje de Programación SwiftTutorial de Lenguaje de Programación Swift
Tutorial de Lenguaje de Programación Swift
 
Programacion basica
Programacion basicaProgramacion basica
Programacion basica
 
Variables y tipos de datos parcial
Variables y tipos de datos parcialVariables y tipos de datos parcial
Variables y tipos de datos parcial
 

Más de mariazeballos

Estructuras secuenciales, selectivas e iterativas 01
Estructuras secuenciales, selectivas e iterativas 01Estructuras secuenciales, selectivas e iterativas 01
Estructuras secuenciales, selectivas e iterativas 01mariazeballos
 
Estructuras de control en js
Estructuras de control en jsEstructuras de control en js
Estructuras de control en jsmariazeballos
 
Uso educativo del computador
Uso educativo del computadorUso educativo del computador
Uso educativo del computadormariazeballos
 
Manejo de eventos con java script
Manejo de eventos con java scriptManejo de eventos con java script
Manejo de eventos con java scriptmariazeballos
 
Introducción a java script operadores
Introducción a java script operadoresIntroducción a java script operadores
Introducción a java script operadoresmariazeballos
 
Introducción a java script operadores
Introducción a java script operadoresIntroducción a java script operadores
Introducción a java script operadoresmariazeballos
 
Introducción a html5 elementos de la estructura
Introducción a html5 elementos de la estructuraIntroducción a html5 elementos de la estructura
Introducción a html5 elementos de la estructuramariazeballos
 

Más de mariazeballos (20)

Estructuras secuenciales, selectivas e iterativas 01
Estructuras secuenciales, selectivas e iterativas 01Estructuras secuenciales, selectivas e iterativas 01
Estructuras secuenciales, selectivas e iterativas 01
 
Estructuras de control en js
Estructuras de control en jsEstructuras de control en js
Estructuras de control en js
 
Folcsonomía
FolcsonomíaFolcsonomía
Folcsonomía
 
Blogger
BloggerBlogger
Blogger
 
Slideshare
SlideshareSlideshare
Slideshare
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Uso educativo del computador
Uso educativo del computadorUso educativo del computador
Uso educativo del computador
 
Manejo de eventos con java script
Manejo de eventos con java scriptManejo de eventos con java script
Manejo de eventos con java script
 
Introducción a java script operadores
Introducción a java script operadoresIntroducción a java script operadores
Introducción a java script operadores
 
Manejo de eventos
Manejo de eventosManejo de eventos
Manejo de eventos
 
Dom
DomDom
Dom
 
Introducción a java script operadores
Introducción a java script operadoresIntroducción a java script operadores
Introducción a java script operadores
 
Document write
Document writeDocument write
Document write
 
Modelo de caja
Modelo de cajaModelo de caja
Modelo de caja
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Selectores css
Selectores cssSelectores css
Selectores css
 
Introducción a css
Introducción a cssIntroducción a css
Introducción a css
 
Html5 audio y video
Html5 audio y videoHtml5 audio y video
Html5 audio y video
 
Introducción a html5 elementos de la estructura
Introducción a html5 elementos de la estructuraIntroducción a html5 elementos de la estructura
Introducción a html5 elementos de la estructura
 

Variables y Arrays en JS

  • 1. Variable y Array en JavaScript Material preparado para la clase de Introducción a JavaScript a partir del libro Introducción a JavaScript, autor: Javier Eguiluz. Prof. María Zeballos
  • 2. Variables En JavaSript no es necesario declarar las variables, pero sí se recomienda hacerlo. Las variables en JavaScript se declaran mediante la palabra reservada var. Cuando se utilizan las variables en el resto de instrucciones del script, solamente es necesario indicar su nombre. Prof. María Zeballos
  • 3. Variables El nombre o identificador de una variable sólo puede estar formado por letras, números y los símbolos $ (dólar) y _ (guión bajo), y el primer carácter no puede ser un número. Prof. María Zeballos
  • 4. Variables JavaScript es un lenguaje débilmente tipado, esto es, una variable puede cambiar de tipo durante su vida, por ejemplo uno puede declarar una variable con valor entero y más adelante asignarle una cadena. Prof. María Zeballos
  • 5. Los valores que pueden asignarse a una variable pueden ser: Prof. María Zeballos Cadena de texto. Si se utiliza para almacenar caracteres, palabras y/o frases de texto se encierra el valor entre comillas dobles o simples, para delimitar su comienzo y su final: var inicial = ‘M'; var codigo = ‘C76T72C'; var titulo = “Introducción a JavaScript";
  • 6. Los valores que pueden asignarse a una variable pueden ser: Prof. María Zeballos No se tienen en cuenta los espacios en blanco y las nuevas líneas. El intérprete de JavaScript ignora cualquier espacio en blanco sobrante, por lo que el código se puede ordenar de forma adecuada para entenderlo mejor (tabulando las líneas, añadiendo espacios, creando nuevas líneas, etc.) Valores numéricos. Cuando el valor se asigna indicando directamente el número entero o decimal. Los números decimales utilizan el carácter . (punto) en vez de , (coma) para separar la parte entera y la parte decimal: var edad = 36; // variable tipo entero var salario = 934.59; // variable tipo decimal
  • 7. Los valores que pueden asignarse a una variable pueden ser: Prof. María Zeballos No se tienen en cuenta los espacios en blanco y las nuevas líneas. El intérprete de JavaScript ignora cualquier espacio en blanco sobrante, por lo que el código se puede ordenar de forma adecuada para entenderlo mejor (tabulando las líneas, añadiendo espacios, creando nuevas líneas, etc.) Se distinguen las mayúsculas y minúsculas. No se define el tipo de las variables: al crear una variable, no es necesario indicar el tipo de dato que almacenará. De esta forma, una misma variable puede almacenar diferentes tipos de datos durante la ejecución del script. Valores booleanos: true o false.
  • 8. Arrays Un array es una colección de variables, que pueden ser todas del mismo tipo o cada una de un tipo diferente y a las que podemos acceder de manera independiente, mediante un índice que nos permite especificar la posición a la que nos estamos refiriendo. Prof. María Zeballos
  • 9. Arrays Los arrays en Javascript empiezan siempre en la posición 0, así que un array que tenga por ejemplo 10 posiciones, tendrá casillas de la 0 a la 9. Para definir un array, se utilizan los caracteres [ y ] para delimitar su comienzo y su final y se utiliza el carácter , (coma) para separar sus elementos: var nombre_array = [valor1, valor2, ..., valorN]; Prof. María Zeballos
  • 10. Arrays Ejemplo: var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"]; var diaSeleccionado = dias[0]; // diaSeleccionado = "Lunes“ var otroDia = dias[5]; // otroDia = "Sabado" Prof. María Zeballos