Tengo una variedad de jugadores ordenados por número de goles:
let players = [ {"name": "player1", "goals": "5"}, {"name": "player5", "goals": "4"}, {"name": "player2", "goals": "4"}, {"name": "player3", "goals": "2"}, {"name": "player4", "goals": "1"} ]Quiero mostrar estos datos con la posición en la tabla, así:
Si dos (o más jugadores) tienen el mismo número de goles, deben tener la misma posición en la tabla (en el ejemplo, 2.), se debe omitir el siguiente número final en la enumeración (sin el número 3. en este ejemplo).
¿Cómo agregar este tipo, posición en orden en la matriz '' (no estoy seguro de que sean buenas palabras para describir esto)?
Podría usar un elemento de lista ordenada ( <ol> ) para representar esa lista, que numera automáticamente los elementos de la lista:
<ol> <li v-for="player in players" :key="player.name"> {{ player.name }} - {{ player.goals }} goals </li> </ol>Prueba esto:
const player_obj = [ { "name": "player1", "goals": "5" }, { "name": "player5", "goals": "4" }, { "name": "player2", "goals": "4" }, { "name": "player3", "goals": "2" }, { "name": "player4", "goals": "1" } ] player_obj.sort((a, b) => a.goals - b.goals) str = '' for (let i = 0; i < player_obj.length; i++) { const player = player_obj[i] str += ` <tr><td>${i+1}. ${player.name} - ${player.goal} goals</td></tr> ` } table.innerHTML = strPuedes hacerlo así:
const players=[ {"name": "player1", "goals": "5"}, {"name": "player5", "goals": "4"}, {"name": "player2", "goals": "4"}, {"name": "player3", "goals": "2"}, {"name": "player4", "goals": "1"}] const playersSorted = players.sort((a, b)=> a.goals - b.goals); //console.log(playersSorted) let currentPosition = 1; let lastGoalsNbr =playersSorted[0].goals; const playersPositioned = playersSorted.map(({name, goals})=> { if(lastGoalsNbr !== goals ) currentPosition ++; lastGoalsNbr = goals; return {name, goals, position:currentPosition} } ) console.log(playersPositioned)Necesitaba algo similar a esto hace algún tiempo y se me ocurrió esto:
function sortedRank(arr, childProp, asc) { let prev, position = 0, ranking = 0; return [...arr] .sort((a, b) => asc ? a[childProp] - b[childProp] : b[childProp] - a[childProp]) .map((target, idx) => { const obj = { target }; obj.indexRank = idx + 1; if (target[childProp] != prev) { position = obj.rank = obj.indexRank; ranking++; prev = target[childProp]; } else { obj.rank = position; } obj.altRank = ranking; return obj }); }Devuelve 3 tipos de clasificación diferentes junto con el objeto secundario de la matriz original.
Donde resultArr[0].rank es el rango de 1-N, pero omite números de rango iguales. Por ejemplo:
source = resultArr[index].rank goals 5 = 1. goals 4 = 2. goals 4 = 2. goals 3 = 4. goals 1 = 5. resultArr[0].altRank no omite los números de clasificación.
source = resultArr[index].altRank goals 5 = 1. goals 4 = 2. goals 4 = 2. goals 3 = 3. goals 1 = 4.e indexRank es la posición después de ordenar.
const list = [ {"name": "player1","goals": "5"}, {"name": "player5","goals": "4"}, {"name": "player2","goals": "4"}, {"name": "player3","goals": "2"}, {"name": "player4","goals": "1"} ]; function sortedRank(arr, childProp, ascending) { let prev, position = 0, ranking = 0; return [...arr] .sort((a, b) => ascending ? a[childProp] - b[childProp] : b[childProp] - a[childProp]) .map((target, idx) => { const obj = { target }; obj.indexRank = idx + 1; if (target[childProp] != prev) { position = obj.rank = obj.indexRank; ranking++; prev = target[childProp]; } else { obj.rank = position; } obj.altRank = ranking; return obj }); } sortedRank(list, 'goals').forEach(({ indexRank, rank, altRank, target }) => { console.log(`idxRank: ${indexRank} rank: ${rank} alternative: ${altRank}`, target); });