7

Estou fazendo um filtro de pesquisa personalizado onde o usuário pode selecionar a marca e as características do produto e eu retorno o id deles.

Mas eu queria retornar apenas o último registro dos meus arrays onde eles contém todas as informações que preciso.

Eu preciso apenas retornar o último registro apresentado no console como na imagem abaixo. Ex: marca=25,30,53 e caracteristica:10:35:4

Segue o código:

<a href="#" class="filter-link">
  <div class="label_check">
       <input type="checkbox" id="marca-4" class="filter-check" data-tipo="marca?4" value="4">
       <div class="filter-pretty-check"></div>
       <span class="filter-desc">Nokia</span>
  </div>
</a>

    $('#filtrar-opcoes').on('click',function(){                    
                var tipos = [];
                var caracteristicas = [];
                $.each(($("input[type=checkbox]:checked")),function(index, obj){                                                
                    var $tipo =  $(obj).attr('data-tipo');                                                                                   
                    if($tipo.split('?')[0] == 'marca'){
                        tipos.push($tipo.split('?')[1]);                                    
                        var firstPartUrl = $tipo.split('?')[0] + '=' + tipos.join();                                                                
                        console.log(firstPartUrl);                                                                                                                    
                    }
                    if($tipo.split('?')[0] == 'caracteristica'){
                        caracteristicas.push($tipo.split('?')[1]);                            
                        var lastPartUrl = $tipo.split('?')[0] + '=' + caracteristicas.join(':');
                        console.log(lastPartUrl);                            
                    }
                });
            });

inserir a descrição da imagem aqui

5
  • 1
    Muito confuso esse seu código. Poderia postar a estrutura html ? Principalmente com os atributos data-tipo ? 17/09/2015 às 12:53
  • @DontVoteMeDown já adicionei um pedaço da estrutura html 17/09/2015 às 12:59
  • @GabrielSchmidtCordeiro as duas respostas abaixo não funcionam pra ti?
    – Jéf Bueno
    17/09/2015 às 13:09
  • @JéfersonBueno não cara. Eu preciso apenas retornar o último registro apresentado no console como na imagem acima. Ex: marca=25,30,53 e caracteristica:10:35:4 17/09/2015 às 13:16
  • Então edite sua questão e explique qual o seu problema e o que está tentando fazer. Se você ler o título da sua questão vai ver que as duas respostas fazem exatamente o que é dito ali.
    – Jéf Bueno
    17/09/2015 às 13:18

5 Respostas 5

23

Você pode fazer isso usando javascript puro, desta forma:

var array = [1, 2, 3, 4, 5];
var ultimo = array[array.length - 1];
document.write(ultimo);

Ou usar o método at():

var array = [1, 2, 3, 4, 5];
var ultimo = array.at(-1);
document.write(ultimo);

Se preferir usar jQuery, você pode fazer algo como:

var array = [1, 2, 3, 4];
var ultimo = $(array).get(-1);
document.write(ultimo);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

1
  • 3
    Prefiro sua resposta. Assim você não remove o último elemento do array caso queria reutilizá-lo em outra coisa. +1
    – Wallace Vizerra
    17/09/2015 às 13:10
9

Outra maneira de obter o último elemento do array, considerando que ela não remove o último elemento do array, seria utilizando a função slice apontando para o último elemento através do -1.

a = [1, 2, 3]
document.write(a.slice(-1)[0])

slice retornará o último elemento do array dentro de um array. Por isso utilizamos o índice 0.

Veja:

a.slice(-1); // Imprime: [3]
1
  • Editei a pergunta. Se não fosse recomendável, eu não estaria postando aqui :). É uma solução e pronto!
    – Wallace Vizerra
    17/09/2015 às 13:21
5

Outra maneira também seria usando a função pop. Ela remove o ultimo elemento do vetor e o retorna. Não sei se seria recomendável no seu caso.

Veja funcionando aqui.

var vetor1 = new Array(1, 2, 3, 2, 7);
var ultimo = vetor1.pop();
document.write(ultimo);

3
  • Lembrando que pop remove o último elemento do array, e isso não é bom caso ele queria reutilizar o array.
    – Wallace Vizerra
    17/09/2015 às 13:11
  • @WallaceMaxters sim coloquei na resposta como outra maneira e o funcionamento do pop.
    – Marconi
    17/09/2015 às 13:12
  • Talvez seja só copiar o array antes :)
    – Wallace Vizerra
    17/09/2015 às 13:15
3

Se for algo recorrente no projeto, você pode estender o Array implementando um método para isso:

Array.prototype.get = function(index) {
    return this[index < 0 ? this.length + index : index];
};

Assim, em qualquer lugar, para buscar o último elemento bastaria fazer:

arr.get(-1)

Ela aplica a mesma lógica descrita na resposta do LINQ, mas de uma maneira global, não precisando repetir o código sempre que for acessar o último elemento.

Veja funcionando:

Array.prototype.get = function(index) {
    return this[index < 0 ? this.length + index : index];
};

Array.prototype.last = function(index) {
    return this.get(-1);
};

Array.prototype.first = function(index) {
    return this[0];
};

const arr = [1, 2, 3];

console.log('Último elemento com get:', arr.get(-1));
console.log('Último elemento com last:', arr.last());
console.log('Primeiro elemento com first:', arr.first());

2
  • 1
    Dei o -1, mas acho importante justificar. Embora seja compreensível, por facilidade estender os objetos nativos, essa já é uma prática há tempos considerada perigosa pela comunidade. Todavia, se ainda sim for desejável prosseguir com essa prática, utilizar Object.defineProperty é ideal para definir o atributo [[Enumerable]] como false, evitando comportamentos inesperados em construções como for..in. 22/09/2021 às 17:36
  • @LuizFelipe De fato, concordo contigo e na época (2018) eu não tinha ciência disso xD (infelizmente não tenho tempo agora para atualizar a resposta) :(
    – Woss
    22/09/2021 às 17:38
-3

Olá!

Consegui fazendo da seguinte forma:

//Coloque a última fruta da array em uma variável, sem remover a mesma do array

var frutas = ['Banana','Maçã','Pera','Uva','Melancia']

//Varredura para achar o último item do array (frutas.length - 1)

for (var item = 0; item < frutas.length; item++) {
    if (frutas[item] === frutas[frutas.length - 1]) {
        var ultimaFruta = frutas[item]
        console.log(ultimaFruta)
    }
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .