Skip to main content
se añadieron 1920 caracteres en el cuerpo
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Eso funciona con cadenas de texto pero, basándome en la edición que has hecho de la pregunta, ¿funcionará con objetos? ¡También! Sólo hay que cambiar un poco el código.

La idea va a ser la misma, lo que quieres es recorrer el array de jugadores y comprobar si la posición que ocupan (que está en una cadena de posiciones separadas por coma) está dentro de las posiciones seleccionadas por el usuario.

Entonces lo que vas a hacer es un filtro de la lista de jugadores (con el método filter()) y vas a comprobar que alguna de las posiciones de la lista de posiciones está en la cadena posicion para ese jugador. No hace falta romper ese campo en un array porque, como indicaba antes, el método includes() funciona en cadenas y arrays.

Te vale con que una de las posiciones esté en la cadena, y para eso puedes usar el método some() que va a devolver verdadero si el valor está o falso si no lo está... que es precisamente lo que quieres que devuelva para que el filtro funcione.

Aquí de dejo un ejemplo:

const posicionesSeleccionadas = ["base", "alero"];

const jugadores = [
 { nombre: "Ricky Rubio", posicion: "base" },
 { nombre: "Alberto Herreros", posicion: "alero" },
 { nombre: "Pau Gasol", posicion: "ala,pivot" },
 { nombre: "Epi", posicion: "alero" },
 { nombre: "Fernando Romay", posicion: "pivot" },
 { nombre: "Sergio Lull", posicion: "base,escolta" }
];

const jugadoresFiltrados = jugadores.filter(jugador => 
  posicionesSeleccionadas.some(posicion =>
    jugador.posicion.includes(posicion)
  )
);

console.log(jugadoresFiltrados)


Eso funciona con cadenas de texto pero, basándome en la edición que has hecho de la pregunta, ¿funcionará con objetos? ¡También! Sólo hay que cambiar un poco el código.

La idea va a ser la misma, lo que quieres es recorrer el array de jugadores y comprobar si la posición que ocupan (que está en una cadena de posiciones separadas por coma) está dentro de las posiciones seleccionadas por el usuario.

Entonces lo que vas a hacer es un filtro de la lista de jugadores (con el método filter()) y vas a comprobar que alguna de las posiciones de la lista de posiciones está en la cadena posicion para ese jugador. No hace falta romper ese campo en un array porque, como indicaba antes, el método includes() funciona en cadenas y arrays.

Te vale con que una de las posiciones esté en la cadena, y para eso puedes usar el método some() que va a devolver verdadero si el valor está o falso si no lo está... que es precisamente lo que quieres que devuelva para que el filtro funcione.

Aquí de dejo un ejemplo:

const posicionesSeleccionadas = ["base", "alero"];

const jugadores = [
 { nombre: "Ricky Rubio", posicion: "base" },
 { nombre: "Alberto Herreros", posicion: "alero" },
 { nombre: "Pau Gasol", posicion: "ala,pivot" },
 { nombre: "Epi", posicion: "alero" },
 { nombre: "Fernando Romay", posicion: "pivot" },
 { nombre: "Sergio Lull", posicion: "base,escolta" }
];

const jugadoresFiltrados = jugadores.filter(jugador => 
  posicionesSeleccionadas.some(posicion =>
    jugador.posicion.includes(posicion)
  )
);

console.log(jugadoresFiltrados)

se añadieron 57 caracteres en el cuerpo
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Esto ocurre porque estás utilizando los parámetros al revés. Estás intentando hacer el includes() a un tipo cadena (jugador, algo que es válido), buscando el contenido del array (posicionesSeleccionadas). Por eso siempre te va a devolver un array vacío. Dentro de la cadena, no se puede encontrar el array. 

En su lugar, debes filtrar el array (posicionesSeleccionadas) usando includes() y buscar la cadena o el elemento (jugador).

/* preparacion */
const base = "BASE";
const pivot = "PIVOT";
const alero = "ALERO";
const ala = "ALA";
const escolta = "ESCOLTA";

const jugadores = {};

/* codigo */
const posicionesSeleccionadas = [base, pivot];
jugadores.posicion = [base,escolta,alero,ala,pivot]

// nota como no sólo he cambiado jugador y posicionesSeleccionadas de lugar
// también he quitado lo de `jugador.posicion` porque no hace falta en este ejemplo 
// (puede que si haga falta si estás trabajando con objetos en vez de cadenas)
jugadoresFiltrados = jugadores.posicion.filter(jugador => posicionesSeleccionadas.includes(jugador));

console.log(jugadoresFiltrados);

Esto ocurre porque estás utilizando los parámetros al revés. Estás intentando hacer el includes() a un tipo cadena (jugador, algo que es válido), buscando el contenido del array (posicionesSeleccionadas). Por eso siempre te va a devolver un array vacío. Dentro de la cadena, no se puede encontrar el array. En su lugar, debes filtrar el array usando includes() y buscar la cadena.

/* preparacion */
const base = "BASE";
const pivot = "PIVOT";
const alero = "ALERO";
const ala = "ALA";
const escolta = "ESCOLTA";

const jugadores = {};

/* codigo */
const posicionesSeleccionadas = [base, pivot];
jugadores.posicion = [base,escolta,alero,ala,pivot]

// nota como no sólo he cambiado jugador y posicionesSeleccionadas de lugar
// también he quitado lo de `jugador.posicion` porque no hace falta en este ejemplo 
// (puede que si haga falta si estás trabajando con objetos en vez de cadenas)
jugadoresFiltrados = jugadores.posicion.filter(jugador => posicionesSeleccionadas.includes(jugador));

console.log(jugadoresFiltrados);

Esto ocurre porque estás utilizando los parámetros al revés. Estás intentando hacer el includes() a un tipo cadena (jugador, algo que es válido), buscando el contenido del array (posicionesSeleccionadas). Por eso siempre te va a devolver un array vacío. Dentro de la cadena, no se puede encontrar el array. 

En su lugar, debes filtrar el array (posicionesSeleccionadas) usando includes() y buscar la cadena o el elemento (jugador).

/* preparacion */
const base = "BASE";
const pivot = "PIVOT";
const alero = "ALERO";
const ala = "ALA";
const escolta = "ESCOLTA";

const jugadores = {};

/* codigo */
const posicionesSeleccionadas = [base, pivot];
jugadores.posicion = [base,escolta,alero,ala,pivot]

// nota como no sólo he cambiado jugador y posicionesSeleccionadas de lugar
// también he quitado lo de `jugador.posicion` porque no hace falta en este ejemplo 
// (puede que si haga falta si estás trabajando con objetos en vez de cadenas)
jugadoresFiltrados = jugadores.posicion.filter(jugador => posicionesSeleccionadas.includes(jugador));

console.log(jugadoresFiltrados);

se añadieron 119 caracteres en el cuerpo
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Esto ocurre porque estás utilizando los parámetros al revés. Estás intentando hacer el includes() a un tipo cadena (jugador, algo que es válido), buscando el contenido del array (posicionesSeleccionadas). Por eso siempre te va a devolver un array vacío. Dentro de la cadena, no se puede encontrar el array. En su lugar, debes filtrar el array usando includes() y buscar la cadena.

/* preparacion */
const base = "BASE";
const pivot = "PIVOT";
const alero = "ALERO";
const ala = "ALA";
const escolta = "ESCOLTA";

const jugadores = {};

/* codigo */
const posicionesSeleccionadas = [base, pivot];
jugadores.posicion = [base,escolta,alero,ala,pivot]

// nota como no sólo he cambiado jugador y posicionesSeleccionadas de lugar
// también he quitado lo de `jugador.posicion` porque no hace falta en este ejemplo 
// (puede que si haga falta si estás trabajando con objetos en vez de cadenas)
jugadoresFiltrados = jugadores.posicion.filter(jugador => posicionesSeleccionadas.includes(jugador));

console.log(jugadoresFiltrados);

Esto ocurre porque estás utilizando los parámetros al revés. Estás intentando hacer el includes() a un tipo cadena (jugador, algo que es válido), buscando el contenido del array (posicionesSeleccionadas). Por eso siempre te va a devolver un array vacío. Dentro de la cadena, no se puede encontrar el array. En su lugar, debes filtrar el array y buscar la cadena.

/* preparacion */
const base = "BASE";
const pivot = "PIVOT";
const alero = "ALERO";
const ala = "ALA";
const escolta = "ESCOLTA";

const jugadores = {};

/* codigo */
const posicionesSeleccionadas = [base, pivot];
jugadores.posicion = [base,escolta,alero,ala,pivot]

// nota como no sólo he cambiado jugador y posicionesSeleccionadas de lugar
// también he quitado lo de `jugador.posicion` porque no hace falta en este ejemplo 
// (puede que si haga falta si estás trabajando con objetos en vez de cadenas)
jugadoresFiltrados = jugadores.posicion.filter(jugador => posicionesSeleccionadas.includes(jugador));

console.log(jugadoresFiltrados);

Esto ocurre porque estás utilizando los parámetros al revés. Estás intentando hacer el includes() a un tipo cadena (jugador, algo que es válido), buscando el contenido del array (posicionesSeleccionadas). Por eso siempre te va a devolver un array vacío. Dentro de la cadena, no se puede encontrar el array. En su lugar, debes filtrar el array usando includes() y buscar la cadena.

/* preparacion */
const base = "BASE";
const pivot = "PIVOT";
const alero = "ALERO";
const ala = "ALA";
const escolta = "ESCOLTA";

const jugadores = {};

/* codigo */
const posicionesSeleccionadas = [base, pivot];
jugadores.posicion = [base,escolta,alero,ala,pivot]

// nota como no sólo he cambiado jugador y posicionesSeleccionadas de lugar
// también he quitado lo de `jugador.posicion` porque no hace falta en este ejemplo 
// (puede que si haga falta si estás trabajando con objetos en vez de cadenas)
jugadoresFiltrados = jugadores.posicion.filter(jugador => posicionesSeleccionadas.includes(jugador));

console.log(jugadoresFiltrados);

Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190
Loading