JavaScript
- Getting started with JavaScript
- Awesome Book
- Awesome Community
- Awesome Course
- Awesome Tutorial
- Awesome YouTube
- .postMessage() and MessageEvent
- AJAX
- Anti-patterns
- Arithmetic (Math)
- Arrays
- Append / Prepend items to Array
- Array comparison
- Array spread / rest
- Checking if an object is an Array
- Concatenating Arrays
- Convert a String to an Array
- Converting Array-like Objects to Arrays
- Copy part of an Array
- Destructuring an array
- Filtering Object Arrays
- Filtering values
- Finding the minimum or maximum element
- Flattening Arrays
- Insert an item into an array at a specific index
- Iteration
- Joining array elements in a string
- Logical connective of values
- Mapping values
- Merge two array as key value pair
- Object keys and values to array
- Reducing values
- Remove value from array
- Removing all elements
- Removing duplicate elements
- Removing items from an array
- Removing/Adding elements using splice()
- Reversing arrays
- Searching an Array
- Shallow cloning an array
- Sorting Arrays
- Sorting multidimensional array
- Standard array initialization
- Test all array items for equality
- The entries() method
- Using map to reformat objects in an array
- Arrow Functions
- Async functions (async/await)
- Async Iterators
- Automatic Semicolon Insertion - ASI
- Battery Status API
- Behavioral Design Patterns
- Binary Data
- Bitwise operators
- Bitwise Operators - Real World Examples (snippets)
- BOM (Browser Object Model)
- Built-in Constants
- Callbacks
- Classes
- Comments
- Comparison Operations
- Conditions
- Console
- Constructor functions
- Context (this)
- Cookies
- Creational Design Patterns
- Custom Elements
- Data attributes
- Data Manipulation
- Datatypes in Javascript
- Date
- Date Comparison
- Debugging
- Declarations and Assignments
- Destructuring assignment
- Detecting browser
- Enumerations
- Error Handling
- Escape Sequences
- Evaluating JavaScript
- Events
- execCommand and contenteditable
- Fetch
- File API, Blobs and FileReaders
- Fluent API
- Functional JavaScript
- Functions
- Generators
- Geolocation
- Global error handling in browsers
- History
- How to make iterator usable inside async callback function
- IndexedDB
- Inheritance
- Intervals and Timeouts
- JavaScript Variables
- JSON
- Linters - Ensuring code quality
- Localization
- Loops
- Map
- Memory efficiency
- Method Chaining
- Modals - Prompts
- Modularization Techniques
- Modules
- Namespacing
- Navigator Object
- Notifications API
- Objects
- Performance Tips
- Promises
- Prototypes, objects
- Proxy
- Regular expressions
- requestAnimationFrame
- Reserved Keywords
- Same Origin Policy & Cross-Origin Communication
- Scope
- Screen
- Security issues
- Selection API
- Server-sent events
- Set
- Setters and Getters
- Strict mode
- Strings
- Symbols
- Tail Call Optimization
- Template Literals
- The Event Loop
- Tilde ~
- Timestamps
- Transpiling
- Unary Operators
- Unit Testing Javascript
- Using javascript to get/set CSS custom variables
- Variable coercion/conversion
- Vibration API
- WeakMap
- WeakSet
- Web Cryptography API
- Web Storage
- WebSockets
- Workers
JavaScript Arrays Removing duplicate elements
Example
From ES5.1 onwards, you can use the native method Array.prototype.filter to loop through an array and leave only entries that pass a given callback function.
In the following example, our callback checks if the given value occurs in the array. If it does, it is a duplicate and will not be copied to the resulting array.
5.1
var uniqueArray = ['a', 1, 'a', 2, '1', 1].filter(function(value, index, self) {
return self.indexOf(value) === index;
}); // returns ['a', 1, 2, '1']
If your environment supports ES6, you can also use the Set object. This object lets you store unique values of any type, whether primitive values or object references:
6
var uniqueArray = [... new Set(['a', 1, 'a', 2, '1', 1])];
See also the following anwsers on SO:
