Filter array to have unique values

You can use Array.filter function to filter out elements of an array based on the return value of a callback function. The callback function runs for every element of the original array.

The logic for the callback function here is that if the indexOf value for current item is same as the index, it means the element has been encountered first time, so it can be considered unique. If not, it means the element has been encountered already, so should be discarded now.

var arr = ["X_row7", "X_row4", "X_row6", "X_row10", "X_row8", "X_row9", "X_row11", "X_row7", "X_row4", "X_row6", "X_row10", "X_row8", "X_row9", "X_row11", "X_row7", "X_row4", "X_row6", "X_row10", "X_row8", "X_row9", "X_row11", "X_row7", "X_row4", "X_row6", "X_row10", "X_row8", "X_row9", "X_row11", "X_row7", "X_row4", "X_row6", "X_row10", "X_row8", "X_row9", "X_row11", "X_row7", "X_row4", "X_row6", "X_row10", "X_row8", "X_row9", "X_row11"];

var filteredArray = arr.filter(function(item, pos){
  return arr.indexOf(item)== pos; 
});

console.log( filteredArray );

Caveat: As pointed out by rob in the comments, this method should be avoided with very large arrays as it runs in O(N^2).

UPDATE (16 Nov 2017)

If you can rely on ES6 features, then you can use Set object and Spread operator to create a unique array from a given array, as already specified in @Travis Heeter’s answer below:

var uniqueArray = [...new Set(array)]

Related Posts:

  1. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  2. For-each over an array in JavaScript
  3. How do I check if an array includes a value in JavaScript?
  4. Loop through an array in JavaScript
  5. How can I remove a specific item from an array?
  6. Find object by id in an array of JavaScript objects
  7. How can I access and process nested objects, arrays or JSON?
  8. Split string into array
  9. How can I remove a specific item from an array?
  10. Array.size() vs Array.length
  11. Sort array of objects by string property value
  12. Copy array by value
  13. How can I reverse an array in JavaScript without using libraries?
  14. What is the way of declaring an array in JavaScript?
  15. How to create an associative array in JavaScript literal notation
  16. Remove duplicate values from JS array [duplicate]
  17. How can I create a two dimensional array in JavaScript?
  18. How to loop through an array containing objects and access their properties
  19. Get the last item in an array
  20. How do I empty an array in JavaScript?
  21. Remove duplicate values from JS array
  22. How can I create a two dimensional array in JavaScript?
  23. How to loop through an array containing objects and access their properties
  24. Get the last item in an array
  25. How to filter an array/object by checking multiple values
  26. How do you check if a variable is an array in JavaScript?
  27. How do I empty an array in JavaScript?
  28. How to find the sum of an array of numbers
  29. Remove Object from Array using JavaScript
  30. Short circuit Array.forEach like calling break
  31. Remove duplicate values from JS array
  32. How to check if array is empty or does not exist?
  33. Why is using “for…in” for array iteration a bad idea?
  34. Deleting array elements in JavaScript – delete vs splice
  35. How to randomize (shuffle) a JavaScript array?
  36. How to compare arrays in JavaScript?
  37. Better way to sum a property value in an array
  38. How to convert an Object {} to an Array [] of key-value pairs in JavaScript
  39. Fastest way to duplicate an array in JavaScript – slice vs. ‘for’ loop
  40. Merge/flatten an array of arrays
  41. How to print elements from array with javascript
  42. Remove Object from Array using JavaScript
  43. What is the difference between ( for… in ) and ( for… of ) statements?
  44. What’s the difference between “Array()” and “[]” while declaring a JavaScript array?
  45. Short circuit Array.forEach like calling break
  46. Short circuit Array.forEach like calling break
  47. Most efficient way to convert an HTMLCollection to an Array
  48. How to remove item from array by value?
  49. Remove duplicate values from JS array
  50. How to loop through an array containing objects and access their properties
  51. Sorting arrays in javascript by object key value
  52. Convert Array to Object
  53. How do I check whether an array contains a string in TypeScript?
  54. How do you put an image file in a json object?
  55. push object into array
  56. Counting the occurrences / frequency of array elements
  57. Remove last item from array
  58. Get all non-unique values (i.e.: duplicate/more than one occurrence) in an array
  59. Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
  60. Simple average function in Javascript
  61. How to add an object to an array
  62. Finding the average of an array using JS
  63. How to change value of object which is inside an array using JavaScript or jQuery?
  64. Checking for duplicate strings in JavaScript array
  65. use Lodash to sort array of object by value
  66. Showing an image from an array of images – Javascript
  67. How to remove all duplicates from an array of objects?
  68. Finding the average of an array using JS
  69. Is there a simple way to make a random selection from an array in JavaScript or any other programming language?
  70. Uncaught TypeError: Cannot read property ‘toUpperCase’ of undefined
  71. How to get the difference between two arrays in JavaScript?
  72. Sort array of objects by single key with date value
  73. Most efficient method to groupby on an array of objects
  74. Array Mapping in AngularJs
  75. Convert array to JSON
  76. Return array from function
  77. Javascript call() & apply() vs bind()?
  78. How to get the first element of an array?
  79. JavaScript array to CSV
  80. How to sort an array of integers correctly
  81. console.log showing contents of array object
  82. console.log showing contents of array object
  83. How to sort 2 dimensional array by column value?
  84. Get JavaScript object from array of objects by value of property [duplicate]
  85. Complex JSON nesting of objects and arrays
  86. How do I store an array in localStorage?
  87. How to determine if Javascript array contains an object with an attribute that equals a given value?
  88. JavaScript Array Push key value
  89. How to initialize an array’s length in JavaScript?
  90. javascript push multidimensional array
  91. Find a value in an array of objects in Javascript [duplicate]
  92. using lodash .groupBy. how to add your own keys for grouped output?
  93. Angular: conditional class with *ngClass
  94. How to measure time taken by a function to execute
  95. What is the equivalent of Java’s System.out.println() in Javascript?
  96. How can I exit from a javascript function? [duplicate]
  97. Implementing Isomorphic JavaScript (React JS) in WordPress?
  98. WordPress problem with htmlentities
  99. Spans in gutenberg
  100. Get a default customizeAction text for a section using Customizer JS API

Leave a Comment