How to sort the DATA of the Jquery url

Question

I’d like to sort the names of data states in ascending order. How do I do this?

function retornaEstados()
{
    var opcaoCadastro = "";
    $.ajax({
      url: urlBase + "estado",
      method: 'GET'
    }).success(function(retorno)
    {
      retorno.data.forEach(function(item)
      {
        opcaoCadastro = $("<option value=" + item.estado_id + ">" + item.nome + "</option>");
        $(".estadoendereco").append(opcaoCadastro);
      });
    }).error(function(data)
    {
      console.log(data);
    });
}

Answer 1

Assuming data is a array, you can use the method sort() javascript:

retorno.data.sort(function(a, b){ return a.nome > b.nome; })

Reference: https://www.w3schools.com/jsref/jsref_sort.asp

Example in Jsfiddle: https://jsfiddle.net/s4o4nnbd/

Answer 2

If you’re looking to organize options in alphabetical order, also considering accents, use this code after the loop:

$(".estadoendereco").html($(".estadoendereco option").sort(function (a,b){
        return (a.text).localeCompare(b.text);
    }));