0

Tengo el siguiente Array():

{
    "1 ":
        {
            "id":"12",
            "usuarioA":"1",
            "usuarioB":"2",
            "mensaje":"Hola mi amor",
            "date":"2017-01-19 03:02:12",
            "TokenID":"1",
            "remitente":"Andrey Homez",
            "destinatario":"Paola Gonzales",
            "CVX":"Paola Gonzales"
        },
    "2 ":
        {
            "id":"13",
            "usuarioA":"1",
            "usuarioB":"3",
            "mensaje":"hey chaval",
            "date":"2017-01-19 03:11:11",
            "TokenID":"2",
            "remitente":"Andrey Homez",
            "destinatario":"Felipe Gomez",
            "CVX":"Felipe Gomez"
        },
    "13 ":
        {
            "id":"11",
            "usuarioA":"1",
            "usuarioB":"1",
            "mensaje":"Hablando conmigo mismo alv :"v",
            "date":"2017-01-19 02:52:13",
            "TokenID":"13",
            "remitente":"Andrey Homez",
            "destinatario":"Andrey Homez",
            "CVX":"Andrey Homez"
        }
}

Cómo puedo hacer que quede ordenada por el índice "date" en forma descendente? Es decir que quede así:

{
    "2 ":
        {
            "id":"13",
            "usuarioA":"1",
            "usuarioB":"3",
            "mensaje":"hey chaval",
            "date":"2017-01-19 03:11:11",
            "TokenID":"2",
            "remitente":"Andrey Homez",
            "destinatario":"Felipe Gomez",
            "CVX":"Felipe Gomez"
        },
    "1 ":
        {
            "id":"12",
            "usuarioA":"1",
            "usuarioB":"2",
            "mensaje":"Hola mi amor",
            "date":"2017-01-19 03:02:12",
            "TokenID":"1",
            "remitente":"Andrey Homez",
            "destinatario":"Paola Gonzales",
            "CVX":"Paola Gonzales"
        },

    "13 ":
        {
            "id":"11",
            "usuarioA":"1",
            "usuarioB":"1",
            "mensaje":"Hablando conmigo mismo alv :"v",
            "date":"2017-01-19 02:52:13",
            "TokenID":"13",
            "remitente":"Andrey Homez",
            "destinatario":"Andrey Homez",
            "CVX":"Andrey Homez"
        }
}

Algo importante es que los números 1,2,13 deben conservarse (No me refiero a su orden).

Gracias, de antemano :)

5
  • Ese objeto que has puesto no es un array. ¿Quieres ordenar un array o los sub-objetos de un objeto? Commented el 19 ene. 2017 a las 8:46
  • Parece un objeto JSON
    – lois6b
    Commented el 19 ene. 2017 a las 8:48
  • @lois6b en código es un objeto JavaScript (que en código puede ser definido en formato JSON) y como tal no es posible ordenarlo. A ver si el autor nos aclara si realmente está trabajando con arrays. Commented el 19 ene. 2017 a las 8:59
  • El array es la respuesta de AJAX - PHP, devuelto con json_encode();, es claro que es JSON. Commented el 19 ene. 2017 a las 15:56
  • Un pequeño editado... Commented el 19 ene. 2017 a las 15:58

2 respuestas 2

5

El problema, para empezar, es que tus datos no corresponden a una matriz, si no a un objeto. JavaScript no entiende de matrices asociativas, en su lugar usa objetos y propiedades para conseguir una funcionalidad similar.

Eso significa que métodos como sort() no están disponibles para realizar la ordenación de los datos y, lo que es peor, JavaScript no garantiza el orden de las propiedades a lo largo de la vida del objeto, por lo que el resultado debería ser en todo caso una matriz, no un nuevo objeto.

Para corregir ese problema te recomiendo que tus datos los generes como matriz (usando delimitadores raíz [] en vez de {}). No tendrás pérdida alguna porque el índice de los valores es, en realidad, el campo tokenID.

Una vez hecha esa modificación es muy sencillo usar una función de comparación para ordenar como deseas tus datos.

Si no puedes hacer ese cambio en tu código, entonces puedes hacer una conversión objeto <-> matriz como te propuso @PaperBirdMaster , pero siempre es mejor hacer este trabajo en origen que en el navegador del cliente.

Este es el ejemplo de hacerlo todo como objeto (verás que el resultado se "reordena"):

var datos = {
  "1":{
    "id":"12",
    "usuarioA":"1",
    "usuarioB":"2",
    "mensaje":"Hola mi amor",
    "date":"2017-01-19 03:02:12",
    "TokenID":"1",
    "remitente":"Andrey Homez",
    "destinatario":"Paola Gonzales",
    "CVX":"Paola Gonzales"
  },
  "2":{
    "id":"13",
    "usuarioA":"1",
    "usuarioB":"3",
    "mensaje":"hey chaval",
    "date":"2017-01-19 03:11:11",
    "TokenID":"2",
    "remitente":"Andrey Homez",
    "destinatario":"Felipe Gomez",
    "CVX":"Felipe Gomez"
  },
  "13":{
    "id":"11",
    "usuarioA":"1",
    "usuarioB":"1",
    "mensaje":"Hablando conmigo mismo alv :&quot;v",
    "date":"2017-01-19 02:52:13",
    "TokenID":"13",
    "remitente":"Andrey Homez",
    "destinatario":"Andrey Homez",
    "CVX":"Andrey Homez"
  }
};
var temp = [];
for (var i in datos) {
  array.push(datos[i]);
}
function sort(a,b){
  a = a.date;
  b = b.date;
  if(a < b) {
    return 1;
  } else if (a > b) {
    return -1;
  }
  return 0;
}
temp.sort(sort);
salida = {};
for (var i in temp) {
  salida[temp[i].TokenID] = temp[i];
}
console.log(salida);

Y éste como matriz (declarando de inicio como matriz los datos, para evitar el bucle de conversión):

var datos = [
  {
    "id":"12",
    "usuarioA":"1",
    "usuarioB":"2",
    "mensaje":"Hola mi amor",
    "date":"2017-01-19 03:02:12",
    "TokenID":"1",
    "remitente":"Andrey Homez",
    "destinatario":"Paola Gonzales",
    "CVX":"Paola Gonzales"
  },
  {
    "id":"13",
    "usuarioA":"1",
    "usuarioB":"3",
    "mensaje":"hey chaval",
    "date":"2017-01-19 03:11:11",
    "TokenID":"2",
    "remitente":"Andrey Homez",
    "destinatario":"Felipe Gomez",
    "CVX":"Felipe Gomez"
  },
  {
    "id":"11",
    "usuarioA":"1",
    "usuarioB":"1",
    "mensaje":"Hablando conmigo mismo alv :&quot;v",
    "date":"2017-01-19 02:52:13",
    "TokenID":"13",
    "remitente":"Andrey Homez",
    "destinatario":"Andrey Homez",
    "CVX":"Andrey Homez"
  }
];
function sort(a,b){
  a = a.date;
  b = b.date;
  if(a < b) {
    return 1;
  } else if (a > b) {
    return -1;
  }
  return 0;
}
datos.sort(sort);
console.log(datos);

En este caso la comparación entre fechas es sencilla gracias a que parecen obtenidas de una base de datos en formato yyyy-mm-dd HH:MM:SS que permite la equivalencia con la comparación directa de cadenas de caracteres.

Debes cerciorarte que esas fechas estén en UTC para evitar problemas con las comparaciones durante los periodos de un cambio de hora (paso de horario de verano a invierno y viceversa).

9
  • ¿No estás ordenando las fechas alfabéticamente? Alfabéticamente "01-02-2017 00:00:00" es menor que "02-01-2017 00:00:00". Commented el 19 ene. 2017 a las 14:29
  • Esa notación de fecha no es correcta. La notación "informática" va de magnitud superior a inferior con relleno de ceros en decenas. Las notaciones más ampliamente usadas son la ISO 8601 e ISO 9075. Ambas soportan (para una misma franja horaria) comparación de texto como comparación de magnitud. Lo ideal es trabajar con UTC para evitar problemas de solapamiento de tiempo en franjas de cambio de hora. Commented el 19 ene. 2017 a las 14:44
  • A mí también me pasa con frecuencia, culpa de la lectura rápida ;) Commented el 19 ene. 2017 a las 17:30
  • Para mí funcionó más ésta respuesta, aunque el código no es tan reutilizable. Commented el 19 ene. 2017 a las 18:10
  • @MáximaAlekz , ¿qué parte no es reutilizable? ¿cómo podría mejorar el ejemplo? Commented el 19 ene. 2017 a las 19:01
4

Problema.

Tengo el siguiente Array():

No, eso no es un Array: es un objeto. Los objetos no ordenan sus elementos.

Según la definición de objeto de la 3ª edición de ECMAScript (traducción y resaltado míos):

4.3.3 Objeto

Un objeto es un miembro del tipo Object. Es una colección no ordenada de propiedades cada una de las cuales contiene un valor primitivo, objeto o función. Una función guardada en una propiedad de un objeto es conocida como método.

Propuesta.

Pasa los elementos a un array, puedes hacerlo así:

var x = { ... todos tus datos ... };
var array = [];
for (var id in x)
{
    var obj = {};
    obj[id] = x[id];
    array.push(obj);
}

Los array de JavaScript disponen de una función sort la cuál puede recibir (opcionalmente) un parámetro que es la función de comparación. Así que crearemos una función que nos ordene de manera inversa según la propiedad "date" del objeto:

function date_descendente(a, b) {
    var split_a = a[Object.keys(a)[0]]["date"].match(/(\d+)/g);
    var split_b = b[Object.keys(b)[0]]["date"].match(/(\d+)/g);
    var date_a = new Date(split_a[0], split_a[1], split_a[2], split_a[3], split_a[4], split_a[5]);
    var date_b = new Date(split_b[0], split_b[1], split_b[2], split_b[3], split_b[4], split_b[5]);

    return date_b.getTime() - date_a.getTime();
}

Por lo que he podido comprobar, el objeto Date no es construible con el formato de fecha que almacenas (si no incluyera los segundos sí sería construible). Así que separo la fecha en cada uno de los componentes y construyo la fecha a partir de ellos con el constructor que recibe año, mes, día, hora, minuto y segundo.

Para ordenar a la inversa simplemente devuelvo la resta entre el elemento de la derecha y el de la izquierda, como la función de ordenación necesita devolver un valor numérico restamos el resultado de llamar al método getTime de cada Date, que nos devuelve los milisegundos transcurridos desde el primero de Enero de 1970 a las 0 horas (que es lo que se conoce como Tiempo UNIX).

Así que el código quedaría de la siguiente manera:

var array = [];
for (var id in x)
{
    var obj = {};
    obj[id] = x[id];
    array.push(obj);
}
array.sort(date_descendente);

Y tendrías en array[0] el objeto "2", en el 1 "12" y en el 2 "13".

1
  • No estoy seguro de que un objeto sea un muembro de Object. Commented el 19 ene. 2017 a las 16:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.