Vous êtes sur la page 1sur 24

Manipulación de Arreglos y

Objetos
@carlosmolanos
Recorrer un Array
El objeto Array de JavaScript es un objeto global
que es usado en la construcción de arrays, que
son objetos tipo lista de alto nivel.

💎
forEach()

💪El método forEach() ejecuta la función


indicada una vez por cada elemento del array.
forEach
function logArrayElements(element, index, array) {
console.log("a[" + index + "] = " + element);
}
// Nótese que se evita el 2° índice ya que no hay ningún
elemento en esa posición del array
[2, 5, , 9].forEach(logArrayElements);
Agregar elementos
a un Array
push()

🎲El método push() agrega uno o más


elementos al final de un array y devuelve la
nueva longitud del array.
push()
var animals = ['pigs', 'goats', 'sheep'];

console.log(animals.push('cows'));
// expected output: 4

console.log(animals);
// expected output: Array ["pigs", "goats", "sheep", "cows"]

animals.push('chickens');

console.log(animals);
// expected output: Array ["pigs", "goats", "sheep", "cows", "chickens"]
Filtros
Filter (filter)

👍El método filter() crea un nuevo array con


todos los elementos que cumplan la condición
implementada por la función dada.
Filter (devulve un arreglo que cumpla con la c...)
var heroes = [
{nombre: "Batman", franquicia: "DC"},
{nombre: "Ironman", franquicia: "Marvel"},
{nombre: "Thor", franquicia: "Marvel"},
{nombre: "Superman", franquicia: "DC"}
];

var heroesMarvel = heroes.filter(function(herue) {


return herue.franquicia == "Marvel";
});

console.log(heroesMarvel);

// [ {nombre: “Ironman”, franquicia: “Marvel”}, {nombre: “Thor”, franquicia: “Marvel”} ]


Find (find)

👊El método find() devuelve el valor del


primer elemento del array que cumple la
función de prueba proporcionada. En cualquier
otro caso se devuelve undefined.
Find (devuelve un elemento ...)
var heroes = [
{nombre: "Batman", franquicia: "DC"},
{nombre: "Ironman", franquicia: "Marvel"},
{nombre: "Thor", franquicia: "Marvel"},
{nombre: "Superman", franquicia: "DC"}
];

var heroesMarvel = heroes.find(function(herue) {


return herue.franquicia == "Marvel";
});

console.log(heroesMarvel);

// {nombre: “Ironman”, franquicia: “Marvel”}


Ordenación
sort

👉El método sort() ordena los elementos de un


array localmente y devuelve el array. La
ordenación no es necesariamente estable. El
modo de ordenación por defecto responde a la
posición del valor del string de acuerdo a su
valor Unicode.
Sort
var items = [
{ name: 'Edward', value: 21 },
{ name: 'Sharpe', value: 37 },
{ name: 'And', value: 45 },
{ name: 'The', value: -12 },
{ name: 'Magnetic' },
{ name: 'Zeros', value: 37 }
];
items.sort(function (a, b) {
if (a.name > b.name) {
return 1;
}
if (a.name < b.name) {
return -1;
}
// a must be equal to b
return 0;
});
Algoritmo de Burbuja (ordenar)
Algoritmo por Seleccion (Ordenar)
Array.prototype
🎁Array.prototype

La propiedad Array.prototype representa el


prototipo del constructor Array y le permite
agregar nuevas propiedades y métodos a todos
los objetos Array.
Array.prototype
if (!Array.prototype.primero) {
Array.prototype.primero = function() {
return this[0];
}
}

var p =[2,3,4].primero();

console.log(p);

//2
👽Referencias
Developer Mozilla

https://developer.mozilla.org/

Otros:

https://html-css-js.com/

Vous aimerez peut-être aussi