JavaScript Using spread syntax to dynamically merge objects

The new spread syntax can be used to elegantly merge several objects in the following way:

const person = { name: 'David Walsh', gender: 'Male' };
const tools = { computer: 'Mac', editor: 'Atom' };

const summary = {...person, ...tools};

Is there a way to use this in a dynamical scenario, where the number and names of the objects to be merged are not known beforehand?

var objects_to_be_merged = get_objects();

generated an iterable list of objects during runtime, how can I use the spread operator iteratively to create a summary object like in the example above?

Answer:1

You can use Object.assign() with spread syntax to merge array of objects.

const person = { name: 'David Walsh', gender: 'Male' };
const tools = { computer: 'Mac', editor: 'Atom' };

const objects = () => [person, tools];
const summary = Object.assign({}, ...objects());
console.log(summary)

Answer:2

How to select all anchor tags with specific text content with Javascript? [duplicate]

I want to use the selector in document.querySelector() to select all a tags with the text "print". <a href="https://www.google.co.in">print</a> how can I select the same. I don't want to ...

select anchor tags html
select anchor tags using jquery
select anchor tag in jquery
select anchor tag with class jquery
select anchor tag with text jquery
select anchor tag with id in jquery
select anchor tag javascript
select anchor tag in selenium
select anchor tag
select anchor tag with text javascript
select anchor tag xpath
select all anchor tags in jquery
select all anchor tags javascript
select all anchor tags
jquery select anchor tag with href
select option anchor tag
jquery select anchor tag within div
select last anchor tag
select dropdown anchor tag
xpath select all anchor tags

How to calculate the position of custom scrollbar?

I have a table and i created own scrollbar for iPad in my project. Now, the table is moving as the user touch and drag it, but how to move my scrollbar according to that table. I tried but for me ...

How to make the Priority column appear in Chrome Dev tools's Network tab

I would like to see this column, I can see it here https://developers.google.com/web/fundamentals/performance/resource-prioritization But I can't see it inside my Chrome Dev tools's Network tab. My ...

Jquery autocomplete from XML (multiple values)

I have a list of airports in XML format which I would like to use with jquery autocomplete. The XML file looks like this: <item code="AAR" airport="Aarhus" country="Denmark" /> When a ...

jquery autocomplete from database c#
jquery autocomplete from database
jquery autocomplete from database javascript
jquery autocomplete from json
jquery autocomplete from list
jquery autocomplete from array
jquery autocomplete from database php
jquery autocomplete from json file
jquery autocomplete from database java
jquery autocomplete from api
jquery autocomplete from database spring mvc example
jquery autocomplete from database jsp
jquery autocomplete from database c# mvc
jquery autocomplete from ajax
jquery autocomplete from database asp.net
jquery autocomplete from sharepoint list
jquery autocomplete from database laravel
jquery autocomplete from database mvc
jquery autocomplete from json array
jquery autocomplete from mysql