Is there a simple way to add an object to an array in ES6 while ensuring it is unique?
MyArray.pushUniquely(x);
MyMethod(x) {
if ( MyArray.IndexOf(x) === -1 )
MyArray.Push(x);
}
Any suggestions for pushing objects uniquely using ES6?
Consider implementing a Set instead of using an array.
var mySet = new Set([1, 2, 3]);
mySet.add(4);
mySet.add(3);
mySet.add(0)
console.log(Array.from(mySet))To make sure an item is only added to an array once, you can create a custom method called addUnique on the Array prototype:
Array.prototype.addUnique(item) {
if (!this.includes(item)) this.push(item);
}
Another option is to use a Set which automatically handles uniqueness:
mySet.add(x); //Only adds x to the Set if it's not already there
To solve this problem, you can utilize the uniq method from lodash.
var uniqueValues = _.uniq([1, 2, 3, 4, 5, 3, 2, 4, 5, 1]);
console.log(uniqueValues);<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>If you are working with an array of objects, you can utilize the following method:
const arr = [{
name: 'Michael',
age: 30
},
{
name: 'Sarah',
age: 45
}
]
Array.prototype.pushUniquely = function (item) {
const key = 'name';
const index = this.findIndex(i => i[key] === item[key]);
if (index === -1) this.push(item);
}
arr.pushUniquely({
name: 'Michael',
age: 28
});
console.log(arr);However, if your array consists of strings or numbers, then the following approach is recommended:
Array.prototype.pushUniquely = function (item) {
if (!this.includes(item)) this.push(item);
}
I am looking to update the content of an iframe with new material using Selenium WebDriver. Note: I have attempted the following method: driver.swithTo().frame(frame_webelement); driver.findElement(By.xxx).sendKeys("Mycontent"); While I was able to cle ...
Is it possible to iterate through specific elements in ng-content and assign a different CSS class to each element? Currently, I am passing a parameter to enumerate child elements, but I would like to achieve this without using numbers. Here is an example ...
I am facing an issue where the Vue transition is not working as expected for my dynamic components. Check out my code snippet below: <template> <div> <component :is="currentView" transition="fade" transition-mode="out-in">< ...
Struggling with getting a sortable list to work using jQuery UI. The ul element is receiving the class 'ui-sortable' but nothing seems to be happening. To demonstrate this issue, I created an example since the original javascript code is quite c ...
I've searched extensively on stack for a solution but couldn't find one, so I'm reaching out here for help: Let's consider two arrays: one with "keys" and the other with "values" For example: keys = [CO2, Blood, General, AnotherKey, . ...
My code is having an issue with the redirect function being called too early, causing the last file of a batch upload to fail. I've been searching all morning and trying different solutions without success. function uploadFile(something, callback) { ...
https://jsfiddle.net/qz8hL574/1/ for (var key in table) { if (table.hasOwnProperty(key)) { $('<div class="element"></div>').appendTo('#list'); document.getElementsByClassName("element")[key].innerHTML = ...
I have a data file that contains keys such as: [ { "message": "Verify envelopes are properly loaded.", "hasFigure": false, "figureX": 0, "figureY": 0 }, { "message": "Ensure the paddle is in the down position.", "hasFigure": true, "figureX ...
I previously utilized the pattern attribute for input fields in pure HTML, but now I no longer have any input fields. What should be my next steps? Can you provide me with a reference in the MUI documentation? https://i.stack.imgur.com/ ...
I am interested in creating a button that, when clicked, generates a new image upload button within a form I have already created in HTML. My goal is to figure out the best approach for this functionality, especially considering that there is a remove butt ...
How can I display a message to users on LT IE8 encouraging them to upgrade their browser for a better web experience? I only want the message to appear on their first visit, not every time they refresh the page. Is there a solution for this issue? Thank ...
Currently, I am facing an issue with a web application that seems to be leaking memory. Whenever a page is refreshed in IE, the memory usage increases and never gets released, posing a problem especially for pages meant to remain open in a browser and auto ...
I'm currently developing an App with the IONIC framework and Angular JS, utilizing the Tinder cards feature recently introduced by Ionic (http://ionicframework.com/blog/tinder-for-x/). My goal is to read from a JSON file and use it as storage for my a ...
While attempting to authenticate a loopback API, I encountered the error message Module '"./datasources"' has no exported member 'DbDataSource'. In my application.ts file, the code snippet includes: import {BootMixin} from &a ...
How can I create image control buttons, such as close, resize, and rotate, for each individual image when hovering over it? Each image is contained within a draggable div. I want to display an image control button next to each image. This button should on ...
I am currently utilizing UI Bootstrap for Angular in one of my projects, and I have developed a directive that encapsulates the collapse functionality from UI Bootstrap. Here is how it looks: app.directive( 'arSection', ['$timeout', fu ...
Currently, I am facing an issue while trying to send an image from my ReactJS frontend to my NodeJS Express backend using formData. Despite seemingly correct data transmission, the image does not appear in the payload and triggers this error from the backe ...
I encountered an issue while using ngResource to call a REST API hosted on Amazon Web Services: Upon making the request to , I received the following error message: "XMLHttpRequest cannot load. Response to preflight request doesn't pass access cont ...
I've been struggling with creating an object using reduce from a nested array. The task is to generate a new object with keys named _uid and values matching the initialValue from the objects that contain both properties. I have written a function that ...
I find myself perplexed by the common practices used in popular Chrome extensions. I am currently working on creating my own Chrome extension and after completing a basic tutorial, I have set up a default popup page that appears when clicking the extensi ...