OBJETOS Java script - Adda Lovecoder

3.01. Definición de objetos

<script>

// 1.- Definir y crear un Objeto simple utilizando un literal

var persona1 = {

nombre:"pepe",

apellido:"Gonzalez",

ano:"1971"

}

// 2.- Definir y crear un Objeto simple utilizando la palabra reserva new

var persona2 = new Object();

persona2.nombre = "pepe";

persona2.apellido = "Gonzalez";

persona2.ano = "1971";

// 3.- Definir un constructor de Objeto y crear un Objeto  del tipo construido

function Persona (nom, ape, an){

this.nombre = nom;

this.apellido = ape;

this.ano = an;

}

var ada = new Persona ("Ada", "Lovera", 1815);

var pedro = new Persona ("Pedro", "Perez", 2015);

alert (pedro.nombre);

alert (pedro["apellido"]);

var campo = "ano";

alert (pedro[campo]);

//document.getElementById("Objetos").innerHTML = texto

/* recorrer las propiedades de un objeto

for <nomb de la variable> in <nomb_objeto>{

nomB_objeto[nomb de la variable]

}

*/ 

for (x in ada){

alert(ada[x])

}

/* Añadir una nueva propiedad al Objeto

<nomb_objeto>.<nueva_propiedad> 0 valor de la propiedad */

ada.nacionalidad = "Extranjera"

for (x in ada){

alert(ada[x])

}

/* Borrar una propiedad al Objeto

delete <nomb_objeto>.<nombre_propiedad>

*/

delete ada.ano;

for (x in ada){

alert(ada[x])

}

</script>

3.03. Objetos. Métodos

<script>

/* Crea cion de metodos

  <nomb-metodo> : function() { //instruccion }

  acceso a metodos

  nomb-objeto>.<nomb-metodo>()

 */

 var persona1 = {

  Nombre: "Goyo",

  Apellido: "Grillo",

  NombreCompleto: function() {

  return this.Nombre+" "+this.Apellido;

  }

 } 

 alert(persona1.Nombre)

 alert(persona1.NombreCompleto())

</script>

3.04. Objetos. Prototipos

<script>

// Sintaxis creacion de un prototipo de un objeto usando la funcion constructor

function Persona (nom, ape, an) {

this.nombre = nom;

this.apellido = ape;

this.ano = an;

this.nombCompleto = function() {

return this.nombre + " " + this.ape;

}

}

var goyo = new Persona("goyo","grillo","1971")

var Main = new Persona("Main","cumare","1973")

// Añadir una Propiedad al Objeto goyo

goyo.nacionalidad = "Venezolano";

alert(goyo.nacionalidad);

//Añadir un Metodo al Objeto Main

Main.nacimiento = function() {

return this.nombre+" "+"Nacio en el año " + this.ano

}

</script>

3.05. Arrays I

array

constructor	Devuelve la función que creó el prototipo del objeto Array
length	Establece o devuelve la cantidad de elementos en una matriz
prototype	Le permite agregar propiedades y métodos a un objeto Array
Array Methods	Array Methods
Method	Descripción del método
concat()	une dos o más matrices y devuelve una copia de las matrices unidas
copyWithin()	Copia elementos de matriz dentro de la matriz hacia y desde posiciones especificadas
entries()	Devuelve un par de clave / valor Array Iteration Object
every()	Comprueba si cada elemento de una matriz pasa una prueba
fill()	Rellena los elementos en una matriz con un valor estático
filter()	Crea una nueva matriz con cada elemento de una matriz que pasa una prueba
find()	Devuelve el valor del primer elemento en una matriz que pasa una prueba
findIndex()	Devuelve el índice del primer elemento en una matriz que pasa una prueba
forEach()	Llama a una función para cada elemento de matriz
from()	Crea una matriz a partir de un objeto
includes()	Verifica si una matriz contiene el elemento especificado
indexOf()	Busca la matriz para un elemento y devuelve su posición
isArray()	Comprueba si un objeto es una matriz
join()	une todos los elementos de una matriz en una cadena
keys()	Devuelve un objeto de iteración de matriz, que contiene las claves de la matriz original
lastIndexOf()	Busca la matriz para un elemento, comenzando por el final y devuelve su posición
map()	crea una nueva matriz con el resultado de llamar a una función para cada elemento de la matriz
pop()	Elimina el último elemento de una matriz y devuelve ese elemento
push()	Agrega nuevos elementos al final de una matriz y devuelve la nueva longitud
reduce()	Reduce los valores de una matriz a un solo valor (yendo de izquierda a derecha)
reduceRight()	Reduce los valores de una matriz a un solo valor (yendo de derecha a izquierda)
reverse()	Invierte el orden de los elementos en una matriz
shift()	Elimina el primer elemento de una matriz y devuelve ese elemento
slice()	Selecciona una parte de una matriz y devuelve la nueva matriz
some()	Comprueba si alguno de los elementos en una matriz pasa una prueba
sort()	Ordena los elementos de una matriz
splice()	Agrega / Elimina elementos de una matriz
toString()	Convierte una matriz en una cadena y devuelve el resultado
unshift()	Agrega nuevos elementos al comienzo de una matriz y devuelve la nueva longitud
valueOf()	Devuelve el valor primitivo de una matriz

<script> // Crear un Array // 1.- var nombArray = [<valores separados por coma>] // 2.- var nombArry = new Array= (<valores separados por coma>) var animal1 = ["perro","gato","raton"] var animal2 = ["perro2","gato2","raton2"] //Acceso al elemento del array //nombArray[indice]: El primer elemento es 0 alert(animal1[1]); // Sale gato document.write(animal1) //PROPIEDADES //length: devuelve la longitud del array (numero de elementos) document.write("<br>La longitud del array animal2 es: "+animal2.length) //Mostrar los valores de un aarray document.write("<br> Todos los elementos") for(var i=0; i < animal2.length; i++){ document.write("<br> "+animal2[i]) }

3.06. Arrays II (metodos)

// Metodos // Array.isArray(<nombArray>) Devuelve TRUE si es un objeto tipo array, //si ponemos typeof <nombArray> devuelve object //<nombArray> instanceof Array: devuelve TRUE si es un array document.write("<br>Es un array? "+Array.isArray(animal1)) document.write("<br>Seguro que es un array "+(animal1 instanceof Array)) //Metodos para mostrar un Array // toString() convierte el array a cadena document.write("<br> El array en tipo string es "+animal1.toString()) //join(<separador>) convierte el array a cadena separado por el separador indicado por paramentro document.write("<br> El array con join es "+animal1.join(" * ")) //metodos para AÑADIR - EXTRAER - BORRAR elementos //pop() extrae el ultimo elemento (y la guarda en una variable si queremos) var ultimo = animal1.pop() document.write("<br> Despues de sacar "+ultimo+" quedan "+animal1.length+" que son "+animal1.toString()) //shift() extrae el primer elemento (y la guarda en una variable si queremos) //delete nombArray[<indice>] elimina el elemento y lo transforma a UNDEFINED(indefinido) //push(<elemento>) Añade un elemnto al final del array animal1.push("canguro") document.write("<br>"+animal1) //unshift(<elemento>) Añade un elemnto al principio del array //Podemos añadir elementos con nomarray[<indice>] = <elemento> pero hay que tener cuidado de no sobreescribir o dejar hueco animal1[5]="hipopotamos" document.write("<Br>"+"Hay "+animal1.length+" que son "+animal1) //crea unos espacion //splice(<posicion a insertar/borrar>, <elemento a borrar[, <elementos separados por comas>) animal1.splice(2,1,"vaca","toro") document.write("<Br>"+"Aplicando la instruccion -> animal1.splice(2,1,'vaca''toro') --> Hay "+animal1.length+" que son "+animal1) //crea //nombarray.splice(0,1): elimina el primer elemento //slice(ini>[,<fin>]) devuelve un subarray desde la posicion inico hasta sin incluir la final (no es obligatorio) var subarray = animal1.slice(1,3) document.write("<br>El sub array entre 1-3 es: "+subarray.toString()) //concat (<lista de array separados con coma>) une el array inical con los demas array var masAnimales = ["burro","camello","loro"] animal1.concat(masAnimales) document.write("<br>"+animal1.toString()) //copyWhithin() copia elementos del array y lo sustituye por otro elemento //fill<elemento> sustituye todos los elementos del array por el elemento indicado //metodos para buscar //indexOf(<elemento>[,<pos>]) devuelve la primera posicion de un elemento respectivamente podemos pasarle apartir de que posicion va a buscar //lastIndexOf(<elemento>[,<pos>]) devuelve la primera posicion de un elemento respectivamente podemos pasarle apartir de que posicion va a buscar document.write("<br>La primera posicion de Toto es: "+animal1.indexOf("toro")) //METODOS PARA ORDENA o INVERTIR // reverse() invierte el orden del array animal1.reverse() document.write("<br>"+animal1) animal1.sort() document.write("<br>"+animal1)