Playground - Ordena los productos

Cursos Empresas Blog Live Conf Precios

Contenido del curso

¡Te damos la bienvenida a este reto!

1
¡Bienvenido al mundo de JavaScript!
01:33 min

Día 1

Día 2

Día 3

Día 4

Día 5 - Checkpoint

20
Playground - encuentra el palindromo más grande

Día 6

Día 7

Día 8

Día 9

Día 10 - Checkpoint

Día 11

Día 12

Día 13

Día 14

Día 15 - Checkpoint

50
Playground - Sistema de reservaciones de un hotel

Día 16

Día 17

Día 18

Día 19

Día 20 - Checkpoint

65
Playground - Agenda de vuelos

Día 21

Día 22

Día 23

Día 24 - Checkpoint

77
Playground - Crea un task manager con patrones de diseño

Día 25

Día 26

Día 27

Día 28

Día 29

Día 30

93
¡Lo lograste!
01:41 min

Live Class

Tomar examen

Playground - Ordena los productos

Comentarios

Ruben Gallegos Hernandez

student

Mi solución

export function sortByAvailabilityAndPrice(products) {
  return [...products].sort((producta, productb) => (productb.inStock - producta.inStock ||  producta.price - productb.price));
}

IRIDIAN GUADALUPE CARRERA MONDRAGÓN

student

Una duda, qué está haciendo esta linea?

productb.inStock - producta.inStock

Gustavo Alonso Aguilar Acuña

student

Mi respuestas: . . . . . . . . . .

let sorted = [...products]

sorted.sort(function(a,b){
    if(b.inStock > a.inStock) return 1;
    if(b.inStock < a.inStock) return -1;
    if(a.price > b.price) return 1; 
    if(a.price < b.price) return -1;
})

Alberto Vargas

student

Me agrada que todo se resuleve en un solo sort

Benjamin Rodriguez

student

🛡️Escudo anti-spoilers🛡️

Mi solucion:

export function sortByAvailabilityAndPrice(products) {
  return [...products].sort((a, b) => {
     
    if (b.inStock != a.inStock)
      return a.inStock ? -1 : 1

    return (a.price - b.price)
  })
}

Abril Darynka Tapia Sosa

student

Hola, dejo mi solucion Caminito anti spoilers 🛴✨ . . . . . . . . . . . . . . . . . . . . Llegamos 📍

const list = [...products];

  list.sort((a, b) => a.price - b.price);
  list.sort((a, b) => b.inStock - a.inStock);
  return list

Lucas Frazzetta

student

Super simple tu manera. Genial

Randy Ochoa

student

Aqui esta mi solucion:

export function sortByAvailabilityAndPrice(products) {
  const nuevoArray = [...products]
  nuevoArray.sort((a, b) => a.price - b.price)
  nuevoArray.sort((a, b) => b.inStock - a.inStock)

  return nuevoArray
}

David Ochoa

student

Spoiler Alert

Resuelto en 4 lineas

Acepto sugerencias :)

Gatito anti-spoilers

export function sortByAvailabilityAndPrice(products) {
  // Tu código aquí 👈
  const productsSorted = [...products];
  productsSorted.sort((a, b) => a.price - b.price)
  productsSorted.sort((a, b) => b.inStock - a.inStock)
  return productsSorted;
}

Alberto Vargas

student

. . . . . . . . . . Intentaba algo similar

export function sortByAvailabilityAndPrice(products) {
  // Tu código aquí 👈
  const productsClone = products.map((x) => x);
  productsClone.sort(
    (a, b) => {
      return a.price - b.price;
    }
  );
  productsClone.sort((a, b) => {
    if (a.inStock && b.inStock) return 0;
    if (a.inStock) return -1;
    if (b.inStock) return 1;
  });
  return productsClone;
}

Manufactura Bancor

student

Mi solucion:

  return [...products].sort((m, M) => m.price - M.price).sort((a, b) => b.inStock - a.inStock);
}

Angel Ramírez

student

Mi solución

function sortByAvailabilityAndPrice(products) {
  const orderProducts = [...products]
  const inStock = [];
  const outStock = [];
  orderProducts.forEach(product => {
    if(product.inStock == true) {
      inStock.push(product);
    } else {
      outStock.push(product);
    }
  })
  inStock.sort((a, b) => a.price - b.price);
  outStock.sort((a,b) => a.price - b.price);
  const productsByAvailability = [...inStock, ...outStock];
  return productsByAvailability;
}

Andre Huaman Yovera

student

export function sortByAvailabilityAndPrice(products) {
  const sortedProducts = [...products];

  sortedProducts.sort((a, b) => {
    // Ordenar por disponibilidad en inventario (true primero)
    if (a.inStock && !b.inStock) {
      return -1;
    } else if (!a.inStock && b.inStock) {
      return 1;
    }

    // Ordenar por precio ascendente
    return a.price - b.price;
  });

  return sortedProducts;
}

Andrés Soret Chacin

student

My solution 👇

function sortByAvailabilityAndPrice(products) {
  const copyOfProducts = [...products];

  copyOfProducts.sort((a, b) => {
    if (a.inStock === b.inStock) {
      return a.price - b.price;
    } else {
      return b.inStock - a.inStock;
    }
  });

  return copyOfProducts;
}

Juan Pablo Tavarez

student

Mi solución

export function sortByAvailabilityAndPrice(products) {

let new_products = [...products].sort((a, b) => a.price - b.price)
let resultado = [...new_products].sort((a, b) => b.inStock - a.inStock)
 return resultado
}

Harrison Steve Pinzón Neira

student

Solución al desafio:

Manuel Juarez

student

Mi solución:

export function sortByAvailabilityAndPrice(products) {
  // Tu código aquí 👈

  let inStock = products.filter(product => product.inStock === true);
  let outStock = products.filter(product => product.inStock === false);

  inStock.sort((a, b) => a.price - b.price);
  outStock.sort((a, b) => a.price - b.price);

  let sortedProducts = inStock.concat(outStock);

  return sortedProducts;
}

Milly Mileth Benítez Martínez

student

Mi aporte

export function sortByAvailabilityAndPrice(products) {
  let new_products = [...products].sort((a, b) => a.price - b.price)
  return new_products.sort((a, b) => b.inStock - a.inStock);
}

Ronaldo Jiménez

student

Spoiler .. .. .. .. .. ..

function sortByAvailabilityAndPrice(products) {
    // clasificar podructos
    let productosDisponibles = products.filter(function(producto){
        return producto.inStock == true  
    });
    let productosNoDisponibles = products.filter(function(producto){
        return producto.inStock == false  
    });

    //ordenar productos disponibles
    productosDisponibles.sort((a, b) => a.price - b.price);

    //ordenar productos no disponibles
    productosNoDisponibles.sort((a, b) => a.price - b.price);

    //concatenar lista de productos
    let productosOrdenados = productosDisponibles.concat(productosNoDisponibles);
    return productosOrdenados;
}
const products = [
  { name: "product1", price: 10, inStock: true },
  { name: "product2", price: 20, inStock: false },
  { name: "product3", price: 15, inStock: true },
  { name: "product4", price: 5, inStock: false },
]

console.log(sortByAvailabilityAndPrice(products));

Salvador Gonzalez Blanco

student

Array.prototype.filterInStock = function (inStock = true) {
  return this.filter(product => product.inStock === inStock);
}

Array.prototype.sortByPrice = function (ord = 'ASC') { 
  return this.sort((a, b) => ord === 'ASC' ? a.price - b.price : b.price - a.price);
}

export const sortByAvailabilityAndPrice = (products) => {
  const stock = products.filterInStock().sortByPrice();
  const outStock = products.filterInStock(false).sortByPrice();
  return stock.concat(outStock);
}

Pablo Perez

student

export function sortByAvailabilityAndPrice(products) {
  const array1 = [...products]
    .filter((e) => e.inStock === true)
    .sort((x, y) => x.price - y.price);

  const array2 = [...products]
    .filter((e) => e.inStock === false)
    .sort((x, y) => x.price - y.price);

  return array1.concat(array2);
}

Pariksit Erikrsnan Ortiz Flores

student

export function sortByAvailabilityAndPrice(products) {
  // Tu código aquí 👈
  let listResult = [...products];
  listResult.sort((a, b) => a.price - b.price);
  listResult.sort((a, b) => b.inStock - a.inStock);
  return listResult;
}

Carina Payleman

student

. . . . . .

export function sortByAvailabilityAndPrice(products) {
    const orderedProducts = [...products];
    orderedProducts.sort((a, b) => a.price - b.price);
    orderedProducts.sort((a, b) => b.inStock - a.inStock)
    return orderedProducts;
}

Alexis Corrales

student

export function sortByAvailabilityAndPrice(products) {
  const newArray = [...products]
  newArray.sort((a, b) => a.price - b.price)
  newArray.sort((a, b) => b.inStock - a.inStock)
  return newArray;
}

let sorted = [...products]

sorted.sort(function(a,b){
    if(b.inStock > a.inStock) return 1;
    if(b.inStock < a.inStock) return -1;
    if(a.price > b.price) return 1; 
    if(a.price < b.price) return -1;
})

export function sortByAvailabilityAndPrice(products) {
  return [...products].sort((a, b) => {
     
    if (b.inStock != a.inStock)
      return a.inStock ? -1 : 1

    return (a.price - b.price)
  })
}

export function sortByAvailabilityAndPrice(products) {
  const nuevoArray = [...products]
  nuevoArray.sort((a, b) => a.price - b.price)
  nuevoArray.sort((a, b) => b.inStock - a.inStock)

  return nuevoArray
}

export function sortByAvailabilityAndPrice(products) {
  // Tu código aquí 👈
  const productsSorted = [...products];
  productsSorted.sort((a, b) => a.price - b.price)
  productsSorted.sort((a, b) => b.inStock - a.inStock)
  return productsSorted;
}

export function sortByAvailabilityAndPrice(products) {
  // Tu código aquí 👈
  const productsClone = products.map((x) => x);
  productsClone.sort(
    (a, b) => {
      return a.price - b.price;
    }
  );
  productsClone.sort((a, b) => {
    if (a.inStock && b.inStock) return 0;
    if (a.inStock) return -1;
    if (b.inStock) return 1;
  });
  return productsClone;
}

function sortByAvailabilityAndPrice(products) {
  const orderProducts = [...products]
  const inStock = [];
  const outStock = [];
  orderProducts.forEach(product => {
    if(product.inStock == true) {
      inStock.push(product);
    } else {
      outStock.push(product);
    }
  })
  inStock.sort((a, b) => a.price - b.price);
  outStock.sort((a,b) => a.price - b.price);
  const productsByAvailability = [...inStock, ...outStock];
  return productsByAvailability;
}

export function sortByAvailabilityAndPrice(products) {
  const sortedProducts = [...products];

  sortedProducts.sort((a, b) => {
    // Ordenar por disponibilidad en inventario (true primero)
    if (a.inStock && !b.inStock) {
      return -1;
    } else if (!a.inStock && b.inStock) {
      return 1;
    }

    // Ordenar por precio ascendente
    return a.price - b.price;
  });

  return sortedProducts;
}

function sortByAvailabilityAndPrice(products) {
  const copyOfProducts = [...products];

  copyOfProducts.sort((a, b) => {
    if (a.inStock === b.inStock) {
      return a.price - b.price;
    } else {
      return b.inStock - a.inStock;
    }
  });

  return copyOfProducts;
}

export function sortByAvailabilityAndPrice(products) {

let new_products = [...products].sort((a, b) => a.price - b.price)
let resultado = [...new_products].sort((a, b) => b.inStock - a.inStock)
 return resultado
}

export function sortByAvailabilityAndPrice(products) {
  // Tu código aquí 👈

  let inStock = products.filter(product => product.inStock === true);
  let outStock = products.filter(product => product.inStock === false);

  inStock.sort((a, b) => a.price - b.price);
  outStock.sort((a, b) => a.price - b.price);

  let sortedProducts = inStock.concat(outStock);

  return sortedProducts;
}

function sortByAvailabilityAndPrice(products) {
    // clasificar podructos
    let productosDisponibles = products.filter(function(producto){
        return producto.inStock == true  
    });
    let productosNoDisponibles = products.filter(function(producto){
        return producto.inStock == false  
    });

    //ordenar productos disponibles
    productosDisponibles.sort((a, b) => a.price - b.price);

    //ordenar productos no disponibles
    productosNoDisponibles.sort((a, b) => a.price - b.price);

    //concatenar lista de productos
    let productosOrdenados = productosDisponibles.concat(productosNoDisponibles);
    return productosOrdenados;
}
const products = [
  { name: "product1", price: 10, inStock: true },
  { name: "product2", price: 20, inStock: false },
  { name: "product3", price: 15, inStock: true },
  { name: "product4", price: 5, inStock: false },
]

console.log(sortByAvailabilityAndPrice(products));

Array.prototype.filterInStock = function (inStock = true) {
  return this.filter(product => product.inStock === inStock);
}

Array.prototype.sortByPrice = function (ord = 'ASC') { 
  return this.sort((a, b) => ord === 'ASC' ? a.price - b.price : b.price - a.price);
}

export const sortByAvailabilityAndPrice = (products) => {
  const stock = products.filterInStock().sortByPrice();
  const outStock = products.filterInStock(false).sortByPrice();
  return stock.concat(outStock);
}

export function sortByAvailabilityAndPrice(products) {
  const array1 = [...products]
    .filter((e) => e.inStock === true)
    .sort((x, y) => x.price - y.price);

  const array2 = [...products]
    .filter((e) => e.inStock === false)
    .sort((x, y) => x.price - y.price);

  return array1.concat(array2);
}

export function sortByAvailabilityAndPrice(products) {
  // Tu código aquí 👈
  let listResult = [...products];
  listResult.sort((a, b) => a.price - b.price);
  listResult.sort((a, b) => b.inStock - a.inStock);
  return listResult;
}

export function sortByAvailabilityAndPrice(products) {
    const orderedProducts = [...products];
    orderedProducts.sort((a, b) => a.price - b.price);
    orderedProducts.sort((a, b) => b.inStock - a.inStock)
    return orderedProducts;
}

export function sortByAvailabilityAndPrice(products) {
  const newArray = [...products]
  newArray.sort((a, b) => a.price - b.price)
  newArray.sort((a, b) => b.inStock - a.inStock)
  return newArray;
}

¡Te damos la bienvenida a este reto!

¡Bienvenido al mundo de JavaScript!

Día 1

Variables, funciones y sintaxis básica

Tipos de datos

Playground - Retorna el tipo

Tipos de datos - pt 2

Día 2

Operadores

Hoisting y coerción

Playground - Calcula la propina

Alcance de las variables

Día 3

Condicionales

Playground - Calcula años bisiestos

Switch

Playground - Obten información de mascotas según su tipo

Ciclos

Playground - Dibuja un triangulo

Día 4

Arrays

Playground - Encuentra al michi mas famoso

Objetos

Playground - Obten el promedio de los estudiantes

Día 5 - Checkpoint

Playground - encuentra el palindromo más grande

Día 6

Reasignación y redeclaración

Modo estricto

Día 7

Debugging y manejo de errores

Programación funcional

Día 8

Closures

Playground - Crea una calculadora con closures

Higher order functions

Playground - Crea tu propio método map

Día 9

ECMAScript

TC39

Día 10 - Checkpoint

ES6

ES7

Playground - Task planner

Día 11

Asincronismo

Playground - Promesas

Manejando el asincronismo

Playground - Resuelve el callback hell usando promesas

Playground - Resuelve el callback hell usando async/await

Día 12

Arrays a profundidad

Métodos de arrays: Every, Find y findIndex

Playground - Válida el formulario

Día 13

Métodos de arrays: Includes, Join y concat

Playground - agrupa los productos

Métodos de arrays: Flat y FlatMap

Playground - Encuentra la ubicación del valor buscado

Día 14

Mutable functions

Playground - Modifica una lista de compras

Métodos de arrays: sort