• Barajar
    Activar
    Desactivar
  • Alphabetizar
    Activar
    Desactivar
  • Frente Primero
    Activar
    Desactivar
  • Ambos lados
    Activar
    Desactivar
  • Leer
    Activar
    Desactivar
Leyendo...
Frente

Cómo estudiar sus tarjetas

Teclas de Derecha/Izquierda: Navegar entre tarjetas.tecla derechatecla izquierda

Teclas Arriba/Abajo: Colvea la carta entre frente y dorso.tecla abajotecla arriba

Tecla H: Muestra pista (3er lado).tecla h

Tecla N: Lea el texto en voz.tecla n

image

Boton play

image

Boton play

image

Progreso

1/68

Click para voltear

68 Cartas en este set

  • Frente
  • Atrás
objeto constructor de numeros
Number()
objeto constructor de cadenas
String()
objeto constructor de boleanos
Boolean()
objeto creador de arreglos
Array()
cantidad real en una cadena o en un arreglo
string.length

array.length

propiedad de objeto string o de objeto array
convertir a minúsculas
toLowerCase()

Método de objeto string
convertir a mayúsculas
toUpperCase

Método de objeto string
Eliminar espacios en blanco al principio y final de una cadena
string.trim()

Método de objeto string

También tenemos string.trimLeft() y string.trimRight()
Saber si la cadena empieza de un modo
string.startsWith(lo que buscas)

Método de objeto string

devuelve true o false
Saber si la cadena empieza de un modo
string.endsWith(lo que buscas)

Método de objeto string

devuelve true o false
Saber si se incluye un texto en una cadena
string.includes(lo que buscas, OPC desde donde buscas)

Método de objeto string

devuelve true o false
saber en qué indice está una substring o un elemento de un array
string.indexOf(loquebuscas, OPC desdedondebuscas)

Método de objeto string y Array

devuelve un nº positivo con el índice o un negativo si no existe
Saber donde se encuentra por última vez un substring en una cadena o un elemento de un array
string.lastIndexOf(loquebuscas, OPCdesdedondebuscas)

Método de objeto string y Array

devuelve un nº positivo con el índice o un negativo si no existe
reemplazar un substring de una cadena
string.replace(loquesequierecambiar, loquesequiereponer)

Método de objeto string
Colocar nuevos elementos al final de un objeto array
array.push(elementos)

Método de objeto array

Devuelve el nuevo length
Eliminar el último elemento de un objeto array
array.pop()

Método de objeto array

devuelve 'undefined'
cómo concatenar arrays
array.concat(arraysaañadir)

Método de objeto array

devuelve el nuevo array
Cómo agregar y eliminar valores de un array
array.splice(indice, cuántos eliminar, 'quéañadir')

Método de objeto array

Devuelve un array con los elementos eliminados o, en su defecto, vacío
Cómo obtener varios elementos de un array
array.slice(comienzo, final)

Método de objeto array

devuelve el trozo definido
Cómo eliminar el primer valor de un objeto array
array.shift()

Método de objeto array

devuelve undefined
Cómo agregar un elemento al principio de un objeto array?
array.unshift()

Método de objeto array

devuelve nueva longitud del array
Cómo crear un array con todos los elementos que cumplan una condición?
array.filter(función)

Método de objeto array

Devuelve un array con los elementos que cumplen
Cómo comprobar que todos los elementos de un array cumplen una condición
array.every(función)

Método de objeto array

Devuelve booleans
Cómo comprobar que, al menos un elemento de un array, cumple una condición dad
array.some(función)

Método de objeto array

devuelve booleans
Cómo convertir un array en una cadena con todos sus elementos
array.join(separador)

Método de objeto array

devuelve la cadena creada
Cómo invertir el orden de un array?
array.reverse()

Método de objeto array

devuelve un nuevo array invertido
Cómo ordenamos un array de menor a mayor?
array.sort((a,b)=>a-b)

Método de objeto array

Compara en unicode. Debemos añadir una función especificando el orden que queremos
Cómo devolver un array pasando cada elemento por una función?
array.map(función)

Método de objeto array

Devuelve el nuevo array. Muy práctico para hacer un cálculo a cada número
nº PI
Math.PI

Propiedad del objeto Math
Cómo redondear un nº hacia arriba?
Math.ceil(nº)

Método del objeto Math

Devuelve resultado
Cómo redondear un nº hacia abajo?
Math.floor(nº)

Propiedad del objeto Math

Devuelve resultado
Cómo redondear un nº hacia el entero más cercano?
Math.round(nº)

Propiedad del objeto Math

Devuelve resultado
Cómo obtener el nº más pequeño de un array o una lista?
Math.min(null, array)

Propiedad del objeto Math

Devuelve el nº más pequeño. Si no se añade null como primer argumento no funcionaría con arrays
Cómo obtener el mayor nº de una lista o un array?
Math.max(null, array)

Propiedad del objeto Math

Devuelve el nº mayor. Null es necesario para arrays
cómo obtener un nº al azar?
Math.random()
Math.floor(Math.random() * 101)


Propiedad del objeto Math

devuelve el resultado
Cómo moverse a otra página ?
location = 'páginaweb';

propiedad del objeto window
Cómo obtener el ancho de una ventana en píxeles?
innerWidth

Es una propiedad del objeto window
Cómo obtener el largo de la ventana del buscador en píxeles?
innerHeight

Es una propiedad del objeto window
Cómo enviar a un píxel específico de la ventana?
scroll(x,y)

Es un método del objeto window
Saber en qué pixel se está de la página?
scrollX o scrollY

Propiedades del objeto window
Qué tres métodos del objeto window interactúan con el usuario?
alert()
confirm()
prompt()
Cómo hacer que se ejecute una acción en un momento determinado?
setTimeout(función, milisegundos)

método de window
Cómo hacer que se ejecute una acción cada cierto tiempo?
setInterval(función, milisegundos)
Cómo abrir un documento/página en otra ventana?
open(pagina)

Método del objeto window
Cómo obtenemos todos los formularios de una página?
document.forms

propiedad del objeto Document
Cómo obtenemos todas las imágenes de una página?
document.images

propiedad del objeto Document
Cómo obtenemos todos los links de una página?
document.links

propiedad del objeto Document
cómo obtener el primer descendiente del elemento indicado que coincida con el o los selectores indicados?
document.body.querySelector('p');

Método del objeto Document
Cómo obtener todos los elementos de un tipo especificando el elemento padre
document.body.querySelectorAll('p')

Método del objeto Document
Qué son los objetos element?
los elementos contenidos en el objeto Document
Cuáles son las porpiedades de los objetos element?
Casi todas las de css

Recuerda CamelCase
Qué propiedades más importantes podemos usar para obtener algunas de las propiedades de los elementos css?
clientWidth- ancho del elemento
clientHeight- alto del elemento
offsetWidth- ancho con borde relleno y borde
scrollWidth- ancho del contenido del elemento
Cómo declarar una clase css a un elemento o cómo obtenerla?
document.querySelector('li').className

ClassName es una propiedad del objeto Element
Cómo agregar una clase a un elemento?
elemento.classList.add(clasenueva)

Método del objeto Element
Cómo eliminar la clase de un elemento?
elemento.classList.remove(class)

Método del objeto Element
Cómo eliminar o crear una clase en un elemento dependiendo si existe o no previamente?
elemento.classList.toggle(clase

Método del objeto Element

devuelve false si elimina y, si no existe y la añade devuelve true
Cómo saber si se ha asignado una clase a un elemento?
elemento.classList.contains(class)

Método del objeto Element
Cómo declarar o devolver contenido de un elemento?
elemento.innerHTML = 'texto'; -> declara

var texto = elemento.innerHTML; ->devuelve

Propiedad del objeto Element
Cómo declarar o devolver un elemento completo?
elemento.outerHTML = 'texto'; -> declara

var texto = elemento.outerHTML; ->devuelve

Propiedad del objeto Element
cómo insertar un elemento de forma adyacente a otro elemento?
elementoRef.insertAdjacentHTML('afterend', '<div>two</div>');

las posiciones dependen de:
beforebegin
afterbegin
beforeend
afterend

Método del objeto Element
Cómo creamos un objeto element?
document.createElement('div');

Método del objeto Document
Cómo creamos un nuevo Nodo de texto?
document.createTextNode(texto);

Método del objeto Document
Cómo asociamos un nodo hijo con su nodo padre?
document.body.appendChild(hijo);

Método del objeto Document
cómo insertar un nodo antes de otro?
ElementoPadre.insertBefore(nuevoNodo, nodoRef);

Método del objeto Element
Cómo podemos añadir/actualizar atributos de un elemento dado?
elemento.setAttribute(atr,cont);
EJ:
p.setattribute("name", "texto");


Método del objeto Element
Cómo eliminar un nodo hijo?
nodoPadre.removeChild(nodoHijo);

Método del objeto Document
Cómo crear un div al lado de otro ya existente?
Crear Div:
var newDiv = document.createElement("div");

Crear Contenido del Div:
var newContent = document.createTextNode("Hola!¿Qué tal?");

Asociar el nuevo contenido al div:
newDiv.appendChild(newContent);

Obtener Div existente:
var currentDiv = document.getElementById("div1");

Colocar div nuevo:
document.body.insertBefore(newDiv, currentDiv);
Cómo registrar un evento a un objeto específico?
elemento.addEventListener('mouseover', función);

Método del objeto Elemento