Ways to rearrange an object with javascript

I am looking to restructure my object by removing a nesting. How can I achieve this using JavaScript?

Actual:

 var a =    [ 
    { clickedEvents:
         { 
           'event-element': 'a',
           'event-description': '',
           'timestamp': 1506673474238,
         } 
    },
     { clickedEvents:
         { 
           'event-element': 'b',
           'event-description': '',
           'timestamp': 1506673474123,
         } 
    }]

Expected:

var a =    [ 
     { 
           'event-element': 'a',
           'event-description': '',
           'timestamp': 1506673474238,

     },
     { 
           'event-element': 'b',
           'event-description': '',
           'timestamp': 1506673474123,

    }]
javascriptjson

Answer №1

Check out the Array.prototype.map method for this task.

var a = [ 
        { clickedEvents:
             { 
               'event-element': 'a',
               'event-description': '',
               'timestamp': 1506673474238,
             } 
        },
         { clickedEvents:
             { 
               'event-element': 'b',
               'event-description': '',
               'timestamp': 1506673474123,
             } 
        }];

a = a.map(function(o){
    return o.clickedEvents;
});

console.log(a);

Answer №2

let updatedArray = array.map( element => element.clickedEvents );

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Interconnected props in Material UI components interact with one another

Is there a way to have the value of one property in a Material UI component reference another property within the same component? For example, can I make the value property in a Switch component refer to the checked property? <Switch checked={sing ...

javascriptreactjsreferenceevent-handlingmaterial-ui

The Google map is failing to load on the webpage

My id="ieatmaps" is set up to call the googlemaps.js, but for some reason, it's not displaying correctly. I must be missing something. function initMap() { var map = new google.maps.Map(document.getElementById('ieatmaps'), { c ...

javascripthtmlgoogle-maps

AngularJS: Share event from the parent component exclusively with its child components

I am looking to establish a way to broadcast an event from a parent directive to a specific child, without all children in every instance of the "parent" directive receiving it when using scope.broadcast in the parent directive link function. Current Beha ...

javascriptangularjsangularjs-directiveangular-broadcast

Guidelines for specifying alternate structures in JSON schema

I have two different JSON file structures, one like this: { "api": "http://my.api.host", "modules": [ "core", "module", "another" ] } and the other like this: { "api": "http://my.api.host", "modules": "*" } The modules attri ...

javascriptjsonjsonschema

Retrieve tabs according to the value selected in the dropdown menu

When a value is selected from a dropdown with options 1 to 5, I want to display a corresponding number of tabs. Below is the HTML code for the select box: <select id="Week" name="Week"> <option value="1">1</option> <option val ...

phpjavascriptjquery

Using JavaScript to add a class when hovering over an element

I am trying to customize the ul inside one of my li elements in the nav by adding a class when hovered. However, I am encountering an issue where the menu disappears when I try to click on it after hovering over it. I want to achieve this functionality usi ...

javascriptcsshtmlsass

Utilize AJAX, jQuery, and Symfony2 to showcase array information in a visually appealing table format

I have a requirement to showcase data utilizing ajax and jQuery in a table on my twig file. The ajax call is made with a post request to the controller, where the controller attempts to input several rows from a csv file into the database. However, there ...

javascriptjqueryajaxsymfony

Update the style of the legend from bars to a line chart in chart.js version 2.4.0

I'm currently using chart.js version 2.4.0 for displaying graphs, and I'm having trouble changing the legend style from bar to line. Is there a way to switch the legend display from bar to line in chart.js? Here is a snippet of my code: render ...

javascriptangularangular5chart.js

Deactivate the form element when a user selects another button

I am facing an issue with two buttons that are linked to the same modal form. Here is the code snippet for the form: <form name="addUser" ng-submit="(addUser.$valid) ? add() : '';"> <div class="form-group has-feedback" ng-class="ad ...

javascriptangularjshtml

How can I use JavaScript to trigger a button click event inside an iframe element

Is there a way to retrieve the inner HTML contents of a clicked element in an iframe loaded content using JavaScript? This code uses jQuery: var elements = document.getElementsByTagName('iframe'); [].forEach.call(elements, function(elem ...

javascripthtmliframe

What are the steps to determine if a radio has been examined through programming?

In my form page, users can input an ID to fetch profile data from a MySQL database using AJAX. The retrieved data is then displayed in the form for editing. One part of the form consists of radio buttons to select a year level (e.g., "1", "2", "3", etc). ...

javascriptajaxformsradio-button

Issue with JavaScript ScrollTop

Simply put, I am trying to determine the total scroll size for a text area in a unit that scrollTop can align with. However, I am at a loss on how to do so. I've tried scrollHeight and various other methods without success. Any advice or suggestions ...

javascripthtmlcssdom

What is the process for switching directories and renaming a file when uploading in nodeJs?

I am currently using multer and fs to handle the upload of an image file. How can I modify the directory where uploaded files are stored? Currently, all files are saved in my "routes" folder instead of the "uploads" folder created by multer. Additionally, ...

javascripthtmlnode.jsexpressmulter

Exploring Node.js Express: Understanding the Difference Between Modules and Middleware

I am working on an express rest api and need to create a PDF document with a link to download it. I have successfully generated the PDF, but now I want to create a route specifically for returning the PDF link. In addition, I also need other routes that ...

javascriptnode.jsapirestexpress

Tips for transforming a recursive/nested OpenStruct object into a hash

I am trying to convert an OpenStruct object into JSON data. Here's a sample Hash (from RSPEC helper): def test_order { "id": 505311428702, "email": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="04706177704463696 ...

ruby-on-railsjsonrubyopenstruct

Crafting Effective AngularJS Directives

Recently, I've been delving into AngularJS and have grasped the core concepts quite well. As I embark on building my own application, I find myself struggling with laying out the blueprint, particularly in terms of directive design. Are there any not ...

javascriptangularjs

What are the different methods for completing a form?

From what I understand, there are 2 methods for submitting a form. For instance, in asp.net, there is the Button.UseSubmitBehavior property which Specifies whether the Button control uses the client browser's submit mechanism or the ASP.NET postb ...

javascripthtmlasp.netformssubmit

How to Utilize Output() and EventEmitter() for Value Transmission in Angular Application

Last week I was successfully able to implement Output() and EventEmitter() in my Angular app. However, today I am facing a new challenge while trying to apply the same concept in a different scenario. I'm not sure what I might be overlooking. Firstly ...

javascriptangulareventemitter

Functionality of JavaScript limited within a form

Here is some HTML code I am working with: <div class = "login"> <form> <input type="text" id="username" name="username" placeholder="Username" style="text-align:center"> <br> <br> <input type="pa ...

javascripthtml

Parsing JSON in the default view of Django Rest Framework's session authentication is a breeze

For my project, I am working on setting up user session authentication using DRF, React, and Axios. To test my endpoints, I rely on Postman. However, I have encountered an issue with the default login view from rest_framework.urls when trying to work with ...

jsondjangodjango-rest-frameworkaxiospostman