Obtain attributes from an array of objects organized by the individual objects

Hello there! I am currently working with an array called artists[] which consists of Proxy objects. Each Proxy object is also an array of objects, with each inner object containing a property called "artistName". Interestingly, the third Proxy has two of these properties.

https://i.sstatic.net/o6YL3.png

I am trying to achieve the following structure:

[
  ["Queen"],
  ["Pink Floyd"],
  ["Elvis Presley", "Pink Floyd"],
]

This means that I want arrays of artist names grouped by their corresponding Proxy objects. Any assistance on how to accomplish this would be greatly appreciated!

javascriptarraysvue.jsobject

Answer №1

To tackle the nested arrays, you'll have to utilize two loops or map functions. Give this method a shot

const artistsList = bands.map(group => group.map(artist => artist.name))

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

How to Resolve jQuery Script Delay Caused by AJAX Request?

I am in the process of creating a unique responsive Wordpress Theme, with only one page that loads content via AJAX. Here is the AJAX function I have implemented: jQuery(document).ready(function(){ jQuery.ajaxSetup({cache:false}); jQuery(" ...

javascriptjqueryajax

Clicking on the button will allow you to sort the items in

I need assistance with sorting a table: when I click on a header, the order changes to ascending but does not toggle back to descending. Despite having a boolean value that should switch between true and false, it keeps returning the initial value. Can s ...

javascriptreactjshtml-table

Generate div elements dynamically for each object being populated in JSON using JavaScript

I have a main container that displays a list of JSON objects. Each object should be displayed as a separate DIV element with specific details, one after the other. Additionally, I have a comments section on a webpage where the details are stored in JSON f ...

javascriptjson

The tally of seconds within a year has been altered

I have developed a function that converts inputted seconds into an output format of Years, Days, Hours, Minutes, and Seconds for the user. While I am still refining the various outputs and improving the syntax, I am currently focused on identifying a calcu ...

javascriptarraysnode.jsmathtime

The presence of too many select options can result in a delay in text input responsiveness on an iPad

My HTML form is styled with CSS and functions properly. However, I encountered a delay issue when testing it on an iPad (both iOS7 and 8) - the native keyboard responds very slowly (around 1-2 seconds) to key presses when entering text into the form fields ...

javascripthtmliosipaddom

Filter Vue price ranges

Can anyone provide a good example of how to implement price range filtering in a Vue app, similar to what you see on most ecommerce sites like *-50&price%5B%5D=100-200? I've attempted it but haven't been able to make it work when selecting m ...

vue.js

Construction of jQuery Events

I have experience working with jquery tools and recently started exploring the twitter bootstrap src. One interesting thing I've observed is the utilization of the $.Event constructor for event triggering. For example, in cases like the bootstrap mo ...

javascriptjqueryevents

What methods exist for creating visual representations of data from a table without relying on plotting libraries?

Is there a way to plot graphs directly from a Data Table without the need for external graph libraries like plotly or highcharts? Ideally, I am looking for a solution similar to ag-grid where the functionality comes built-in without requiring manual code ...

javascriptangulartypescript

Utilizing an array interpolation method within a Postgres query in JavaScript

Currently, I am working on a project using Node.js and relying on the 'pg' npm module. My main goal is to compare whether an array's contents are present within another array stored in a Postgres table. The order of the elements does not mat ...

javascriptsqlnode.jspostgresqlpg

Assign a variable to the result of ajax that remains unchanged until it is specifically invoked

I am currently working on the final part of my radio script, specifically focusing on the "last song" section. My goal is to retrieve a URL from an external PHP script, play the song, and once the song ends, I want to set a global variable equal to the cur ...

javascriptajaxvariables

Convert a JSON array into a new format

Here is the JSON data input provided: "rows": [ [ 1, "GESTORE_PRATICHE", 1, "GESTORE PRATICHE", "canViewFolderManagement" ], [ 2, "ADM ...

javascriptjsonunderscore.js

Customizing the style of an element in Vue depending on the size of the window

I am struggling to update the appearance of an HTML element when the window size is below 500px. Currently, I have a computed property that sets a background-image for the element. I attempted to use an if statement within the computed property to check if ...

javascriptvue.jssassvue-component

Replicate styling while copying CodeMirror code

Is there a way to maintain the styling and formatting of javascript code when copying from CodeMirror? Whenever I try to copy and paste from the CodeMirror editor, the coloring and style are lost, with the content pasted as text/plain. How can I preserve ...

javascriptcopycodemirror

Acquire a specific key based on a conditional subkey value in PHP

Can we simplify the process of searching for ID->22 in an array (where each ID is unique) and returning the parent key? Here is a sample code: foreach ($array as $key => $value) { if($value['date']->ID == 22) { echo $key; } } In th ...

phparrays

Having trouble getting the jQuery autocomplete feature to function properly?

On my page, there is a button labeled "Add a Skill." Clicking on this button should trigger the display of an input box where you can enter your skill, another input box for your skill level, and a horizontal slider to select the skill level. In my databa ...

phpjavascriptjquerymysqlautocomplete

What limitations prevent me from using "await .getAttribute()" in Protractor, despite the fact that it does return a promise?

I have been working on transitioning my Protractor tests from using the selenium control flow to async/await. However, I am facing an issue where it is not allowing me to use await for the .getAttribute() function. Each time I try, I receive the error mess ...

javascriptangularasync-awaitprotractorangular-e2e

JS this, that, and then boggled my mind

Feeling a bit rusty at the moment; I have a few promises remaining that require access to a previous class, and I am striving to find the most elegant solution. Utilizing webdriverJS, this should cover all aspects of the driver... Thank you for your assis ...

javascriptclassselenium-webdriveres6-promise

How to extract data from a multidimensional JSON array using Oracle database

I have the following JSON data from which I need to extract the value of issuedIdentValue where issuedIdentType is equal to PANCARD { "issuedIdent": [ {"issuedIdentType":"DriversLicense","issuedIdentValue&quo ...

sqlarraysjsonoraclewhere-clause

Exploring ways to retrieve items from a JSON array in Node.js, ideally avoiding traditional iteration methods

In my current scenario, the JSON response I receive looks like this... {items:[ {itemId:1,isRight:0}, {itemId:2,isRight:1}, {itemId:3,isRight:0} ]} My goal is to achieve something similar to the following (pseudo code) var arrayFound = obj.items.F ...

javascriptjsonnode.js

Updating React JSX class based on certain conditions without manipulating the actual DOM

When working with jsx react, I am looking to dynamically set a class while keeping another class static. Here is an example of what I would like to achieve: maintaining the type class and having an additional dynamic class change change to either big, smal ...

javascriptjqueryhtmlreactjs