Obtener todos los valores únicos en un JavaScript array (quitar duplicados)

Luego de mirar en varios repositorios y páginas al terminar dimos con la solución que te mostramos a continuación.

Solución:

Con JavaScript 1.6 / ECMAScript 5 puedes usar el nativo filter método de un Array de la siguiente manera para obtener un array con valores únicos:

function onlyUnique(value, index, self) 
  return self.indexOf(value) === index;


// usage example:
var a = ['a', 1, 'a', 2, '1'];
var unique = a.filter(onlyUnique);

console.log(unique); // ['a', 1, 2, '1']

El método nativo filter recorrerá el array y deje solo aquellas entradas que pasan la función de devolución de llamada dada onlyUnique.

onlyUnique comprueba si el valor dado es el primero que se produce. De lo contrario, debe ser un duplicado y no se copiará.

Esta solución funciona sin ninguna biblioteca adicional como jQuery o prototipo.js.

Funciona para arreglos con mixed tipos de valor también.

Para navegadores antiguos ( filter y indexOf puede encontrar soluciones alternativas en la documentación de MDN para filter e indexOf.

Si desea mantener la última aparición de un valor, simplemente reemplace indexOf por lastIndexOf.

Con ES6 podría acortarse a esto:

// usage example:
var myArray = ['a', 1, 'a', 2, '1'];
var unique = myArray.filter((v, i, a) => a.indexOf(v) === i);

console.log(unique); // unique is ['a', 1, 2, '1']

Gracias a Camilo Martin por la pista en el comentario.

ES6 tiene un objeto nativo Set para almacenar valores únicos. para obtener un array con valores únicos podrías hacer ahora esto:

var myArray = ['a', 1, 'a', 2, '1'];

let unique = [...new Set(myArray)];

console.log(unique); // unique is ['a', 1, 2, '1']

el constructor de Set toma un objeto iterable, como Array, y el operador de propagación ... transformar el conjunto de nuevo en una matriz. Gracias a Lukas Liese por la pista en el comentario.

Respuesta actualizada para ES6/ES2015: Usando el operador Set y spread (gracias le-m), la solución de una sola línea es:

let uniqueItems = [...new Set(items)]

que vuelve

[4, 5, 6, 3, 2, 23, 1]

Divido todas las respuestas a 4 posibles soluciones:

1. Usar objeto para evitar duplicados
2. usar ayudante array [ ]
3. Utilizar filter + indexOf
4. ¡Prima! ES6 Sets método.

Aquí hay ejemplos de códigos encontrados en las respuestas:

Usar objeto para evitar duplicados

function uniqueArray1( ar ) 
  var j = ;

  ar.forEach( function(v) 
    j[v+ '::' + typeof v] = v;
  );

  return Object.keys(j).map(function(v)
    return j[v];
  );
 

usar ayudante array [ ]

function uniqueArray2(arr) 
    var a = [];
    for (var i=0, l=arr.length; i

function uniqueArray3(a) 
  function onlyUnique(value, index, self)  
      return self.indexOf(value) === index;
  

  // usage
  var unique = a.filter( onlyUnique ); // returns ['a', 1, 2, '1']

  return unique;

function uniqueArray4(a) 
  return [...new Set(a)];