Javascript Apuntes PDF

Preview

Summary

Como trabajar con javascript...

Description

Apunte de JavaScript! VARIABLES Las declaración de variables en JS es muy simple, mira los siguientes ejemplos!

Las variables x, y, z quedan automáticamente definidas como enteros, en donde z almacena el valor de 11.!

En este segundo ejemplo, tenemos también variables como pi que es un decimal y variables como person o answer son variables de tipo String.!

OPERADORES Los operadores son muy similares a Java como puedes observar en la siguiente tabla!

En las asignaciones ocurre de la misma manera, se aplican las mismas propiedades que el lenguaje java! ! Ejemplo:!

x toma el valor de 15.!

Las operaciones con String se define con el operador + tal como se muestra en el siguiente ejemplo! En este caso como debes saber el + con los string junta o concatena strings, en este caso txt3 equivale a “John Doe”!

Otro ejemplo puede ser! En este caso txt1 equivale a “What a very nice day”!

Por otra parte pueden darse los siguientes casos! x equivale a 10 ya que esta sumando valores del mismo tipo! Y equivale a “55” ya que al haber un String automáticamente la operación es string, y por ende z equivale al string “Hello55”!

Los operadores de comparación se pueden aplicar siguiendo la siguiente tabla! Como se puede observar en la tabla es muy similar a java.!

Así como también existen operadores lógicos!

TIPOS DE DATOS Los tipos de datos en JS pueden ser números, String u Objetos.! !

Además, los tipos de datos manejan las siguientes reglas! 1. Cuando hacemos una operación + entre un numero y un String, automáticamente el numero pasa a ser un String. En el caso del ejemplo x tendrá el valor “16Volvo”!

" ! " ! 2. Los tipos de datos en JS son dinámicos, es decir, una variable puede ser numero , y a la vez puede pasar a ser String, como se aprecia en el siguiente ejemplo:!

STRING EN JS En el caso de JS, puedes usar comillas simples o dobles para definir un String!

Algunos de los métodos que podemos utilizar son ! LENGHT! para calcular cantidad de caracteres!

INDEXOF: ! busca un string en un string base retornando la posición de donde parte la primera ocurrencia, en el caso del ejemplo retorna un 7, si no encuentra la palabra retorna un -1!

LASTINDEXOF! busca un string en un string base retornando la posición de donde parte la ultima ocurrencia, en el caso del ejemplo retorna un 21, si no encuentra la palabra retorna un -1!

SLICE, SUBSTRING, SUBSTR Estos métodos extraen un string indicando un rango de inicio y fin , en donde el fin no va incluido. En todos los ejemplos el resultado será Banana!

!

! Este último se especifica el inicio y la cantidad de elementos a extraer.!

REPLACE Reemplaza un string por otro que este contenido en el string base, en el ejemplo str seguirá teniendo el valor “Please visit Microsoft” y n tendrá el valor “Please visit W3Schools”

TOUPPERCASE / TOLOWERCASE Convierte a mayúscula / minúscula un string! !

CHARAT Obtiene el caracter indicando la posición de este. También los string se pueden acceder como un arreglo de la forma str[0]!

CHARCODEAT Obtiene el código ASCII del caracter, indicando la posición! !

SPLIT Convierte una cadena en un arreglo indicando un separador!

ARREGLOS EN JS Los arreglos se definen con [ ] separando sus valores por una “,” tal como se muestra a continuación!

La manera de acceder a sus elementos es por medio de su posición! Name obtiene el valor de “Saab”! La posición 0 del arreglo cambia a “Opel”! RECORRIDO Puedes recorrer un arreglo e ir generando código HTML para posteriormente renderizarlo en el HTML! !

LENGTH Los arreglos al igual que los string tienen la propiedad length que indica el tamaño del arreglo! PUSH Puedes agregar elementos a un arreglo por medio del método push, el cual lo agrega al final.

SPLICE Remueve elementos del arreglo, el primer parámetro se debe especificar la posición desde la cual se quiere eliminar, y el segundo parámetro indica cuantos elementos hacia la derecha se van a eliminar.!

OBJETOS EN JS Los objetos son declarados por medio de {} y para definir las propiedades (atributos) se debe definir un par ordenado separando cada item por una , tal como se muestra a continuación! !

El objeto person tiene 4 propiedades que son firstName, lastName, age, y eyeColor. La forma de acceder o mostrar su información es por medio de la variable person. Por ejemplo si quisiéramos mostrar el nombre de person seria person.firstName o también se puede acceder mediante la sintaxis person[“firstName”]

Referencia Obtenido de http://www.w3shools.com/js/default.asp!...