Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Clase 2-Tipos, funciones y estructuras de control

Clase 2-Tipos, funciones y estructuras de control

Tipos, funciones y estructuras de control

Marcos Grillo

October 30, 2014
Tweet

More Decks by Marcos Grillo

Other Decks in Programming

Transcript

  1. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Desarrollo web con JAVASCRIPT nivel 1 Marcos Grillo
  2. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    1 Aritmética, Fechas y arreglos de caracteres Aritmética Fechas en JAVASCRIPT Arreglos de caracteres 2 Estructuras de control Condicionales Iteración Saltos 3 Funciones Alcance de funciones
  3. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Aritmética en JAVASCRIPT Se tienen los operadores básicos * - + / % 1 function main ( ) { 2 var area = document . getElementById ( " result " ) ; 3 area . value = (((10 + 16) * 5) / 10) % 7; 4 }
  4. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Aritmética en JAVASCRIPT Se tienen los operadores básicos * - + / % 1 function main ( ) { 2 var area = document . getElementById ( " result " ) ; 3 area . value = (((10 + 16) * 5) / 10) % 7; 4 } Algunas funciones en el objeto Math: 1 Math .pow(5 ,7) ; // eleva 5 a la 7= 78125 2 Math . round (0.89) ; // Devuelve el entero mas cercano a 0.89= 1 3 Math . c e i l (0.89) ; // Devuelve el primer entero mayor a 0.89= 1 4 Math . floor (0.89) ; // Devuelve el primer entero menor a 0.89= 0 5 Math . abs ( -4) ; // valor absoluto de -4= 4 6 Math . random ( ) ; // numero pseudo aleatoreo x, donde 0 <= x < 1.0 7 Math . sqrt (25) ; // raíz cuadrada de 25= 5
  5. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Aritmética en JAVASCRIPT Se puede encontrar la documentación completa en: https://developer.mozilla.org/en- US/docs/Web/JavaScript/Reference/Global_Objects/- Math
  6. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Aritmética en JAVASCRIPT Se puede encontrar la documentación completa en: https://developer.mozilla.org/en- US/docs/Web/JavaScript/Reference/Global_Objects/- Math No hay errores de overflow o underflow, sino que al evaluar la expresión se devuelve: Infinity, -Infinity, NaN, 0 o -0 1 console . log (1/0) ; 2 console . log ( -1/0) ; 3 console . log (0/0) ; 4 console . log (Number .MAX_VALUE*2) ; // Overflow 5 console . log (Number . MIN_VALUE/2) ; // Underflow
  7. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Fechas Se utiliza el objeto Date Escribir en el javascript de prueba: 1 function main ( ) { 2 var date = new Date ( ) ; 3 var div = document . createElement ( " div " ) ; 4 div . setAttribute ( " class " , " container " ) ; 5 var iso = document . createElement ( "TEXTAREA" ) ; 6 iso . setAttribute ( " id " , " isoDate " ) ; 7 iso . value = date . toISOString ( ) ; 8 iso . readOnly = true ; 9 div . appendChild ( iso ) ; 10 document . getElementsByTagName ( 'body ' ) [ 0 ] . appendChild ( div ) ; 11 }
  8. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Fechas Otras funciones de Date 1 getFullYear ( ) 2 getMonth ( ) 3 getDate ( ) 4 getDay ( ) 5 getHours ( ) 6 getUTCHours ( ) 7 toString ( ) 8 toLocaleDateString ( ) 9 toLocaleTimeString ( ) 10 toUTCString ( )
  9. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Fechas Otras funciones de Date 1 getFullYear ( ) 2 getMonth ( ) 3 getDate ( ) 4 getDay ( ) 5 getHours ( ) 6 getUTCHours ( ) 7 toString ( ) 8 toLocaleDateString ( ) 9 toLocaleTimeString ( ) 10 toUTCString ( ) Ver documentación completa en: https://developer.mozilla.org/en- US/docs/Web/JavaScript/Reference/Global_Objects/Date
  10. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Arreglos de caracteres (String) Cada String es inmutable
  11. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Arreglos de caracteres (String) Cada String es inmutable Se pueden crear un string con una comilla simple (’) o doble (”) 1 "puedes hacer esto ' ' entre comillas dobles " 2 'o esto "" entre comillas simples ' 3 "pero las \" se deben escapar " 4 ' al igual que las \ ' '
  12. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Arreglos de caracteres (String) Cada String es inmutable Se pueden crear un string con una comilla simple (’) o doble (”) 1 "puedes hacer esto ' ' entre comillas dobles " 2 'o esto "" entre comillas simples ' 3 "pero las \" se deben escapar " 4 ' al igual que las \ ' ' Algunas secuencias escapadas: 1 \ t \n \ r \\ \u
  13. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Arreglos de caracteres (String) Se usa + para concatenar un String con otro 1 " string uno " + " string dos"
  14. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Arreglos de caracteres (String) Se usa + para concatenar un String con otro 1 " string uno " + " string dos" Algunas funciones para trabajar con un string: 1 var s = " Hola mundo! " ; 2 s . charAt (0) ; // devuelve el caracter en la posición 0 = H 3 s . length ; // devuelve el tamaño del string = 11 4 s . substring (1 ,4) ; // devuelve el String = ola 5 s . s l i c e ( -4) ; // Devuelve desde el final = ndo! 6 s . indexOf ( "o" ) ; // Primera posición de la o = 1 7 s . lastIndexOf ( "o" ) ; // Ultima posición de la o = 9 8 s . s p l i t ( " " ) ; // Divide al String = ["Hola", "Mundo!"] 9 s . toUpperCase ( ) ; // Lo lleva a mayúsculas = HOLA MUNDO
  15. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Arreglos de caracteres (String) Usa expresiones regulares con la misma sintaxis de Perl Para verificar si solo hay numeros enteros en una variable se puede hacer lo siguiente: 1 var text = "1234567hola " ; 2 var pattern = /^[0 -9]+$ / ; // 1 o más dígitos 3 text . match ( pattern ) ; Otras funciones sobre expresiones regulares 1 text . search ( pattern ) ; // devuelve la posición en vez del valor 2 text . replace ( pattern ) ; // devuelve un nuevo string 3 text . s p l i t ( pattern ) ; // divide el string en un arreglo de strings
  16. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Condicionales Condicionales if / else 1 i f ( expresión ) { 2 acción 3 } else { 4 acción2 5 }
  17. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Condicionales Condicionales if / else 1 i f ( expresión ) { 2 acción 3 } else { 4 acción2 5 } if / else if: 1 i f ( expresión ) { 2 acción 3 } else i f ( expresión 2) { 4 acción2 5 } else { 6 acción3 7 }
  18. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Condicionales Condicionales switch: 1 switch ( n ) { 2 case 1: 3 acción 4 break ; 5 case 2: 6 acción2 7 break ; 8 }
  19. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Iteración Iteración while: 1 while ( expresión ) { 2 acciones 3 }
  20. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Iteración Iteración while: 1 while ( expresión ) { 2 acciones 3 } do/while: 1 do{ 2 acciones 3 } while ( expresión )
  21. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Iteración Iteración for: 1 for ( i n i c i a l i z a d o r ; evaluación ; incremento ) { 2 acciones 3 }
  22. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Iteración Iteración for: 1 for ( i n i c i a l i z a d o r ; evaluación ; incremento ) { 2 acciones 3 } for/in: 1 for ( variable in objeto ) { 2 acciones 3 }
  23. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Iteración Iteración forEach: 1 var x = [1 ,2 ,3 ,4] ; 2 x . forEach ( function ( e ) { 3 acciones 4 } ) ;
  24. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Saltos Saltos break, continue, return, throw, try/catch 1 for ( variable in objeto ) { 2 acciones 3 continue / break / return / throw ; 4 } 5 6 try { 7 8 } catch ( e ) { 9 10 } f i n a l l y { 11 12 }
  25. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Alcance de funciones Alcance de funciones Declaración 1 function nombre ( parámetros ) { 2 acciones 3 return x ; 4 }
  26. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Alcance de funciones Alcance de funciones Declaración 1 function nombre ( parámetros ) { 2 acciones 3 return x ; 4 } Se pueden crear funciones sin parametros o que no retornen nada 1 function nombre ( ) { 2 acciones 3 }
  27. Aritmética, Fechas y arreglos de caracteres Estructuras de control Funciones

    Alcance de funciones Alcance de funciones La evaluación del alcance es local: 1 function nombre2 ( parámetros ) { 2 acciones 3 return 4 } 5 function nombre1 ( parámetros ) { 6 acciones 7 function nombre2 ( parámetros ) { 8 acciones 9 return 10 } 11 nombre2 ( ) ; 12 return 13 }