Retrieve both the key and value from an array of objects

Question

Retrieve both the key and value from an array of objects

I have been scouring the internet for a solution to this question, but I haven't come across anything that fits my needs.

Let's say we have an array of objects like this --

 "points":[{"pt":"Point-1","value":"Java, j2ee developer"},{"pt":"Point-2","value":"Experienced in Core Java, Spring, Hibernate, JPA, Big Data, SOA, BPEL"}]

From the array above, I am looking to extract both keys and values for a specific pair so that my result appears as follows --

 [{"value":"Java, j2ee developer"},{"value":"Experienced in Core Java, Spring, Hibernate, JPA, Big Data, SOA, BPEL"}]

I am aware that this can be achieved through manual looping. However, I am curious if there is a way to obtain the desired result in one go using lodash or another API without having to loop through the data. Is this possible?

javascript arrays json multidimensional-array

Answer 1

Answer №1

If you want to manipulate your array, you can use the map method:

var data = [
    { 'id': '1', 'name': 'John Doe' },
    { 'id': '2', 'name': 'Jane Smith' }
];

var modifiedData = data.map(function(item) {
    return { name: item.name };
});

Answer 2

If you want to manipulate your array, you can use the map method:

var data = [
    { 'id': '1', 'name': 'John Doe' },
    { 'id': '2', 'name': 'Jane Smith' }
];

var modifiedData = data.map(function(item) {
    return { name: item.name };
});

Answer 3

Answer №2

For those utilizing the most up-to-date version of Javascript, there is an additional technique you can employ when using map called destructuring. This method allows you to extract specific properties in a more refined and organized manner.

points.map(({ value }) => ({ value }));

In this scenario, the arrow function takes a point object as input and utilizes { value } for property destructuring, specifically extracting the point.value property into a variable named value.

Subsequently, it creates and returns a condensed object literal in which value serves as both the key and the value.

Upon compilation with Babel, the result will be:

points.map(function (_ref) {
  var value = _ref.value;
  return { value: value };
});

Answer 4

For those utilizing the most up-to-date version of Javascript, there is an additional technique you can employ when using map called destructuring. This method allows you to extract specific properties in a more refined and organized manner.

points.map(({ value }) => ({ value }));

In this scenario, the arrow function takes a point object as input and utilizes { value } for property destructuring, specifically extracting the point.value property into a variable named value.

Subsequently, it creates and returns a condensed object literal in which value serves as both the key and the value.

Upon compilation with Babel, the result will be:

points.map(function (_ref) {
  var value = _ref.value;
  return { value: value };
});

Retrieve both the key and value from an array of objects

Answer №1

Answer №2

Similar questions

Avoiding data type conversion in JavaScript/TypeScript

RxJS - Only emit if another source does not emit within a specified time frame

ReactJS attempting to invoke a class function using a dynamically generated button

troubles with variables in AngularJS Formly templates

NgOnChanges replaces form control value when user inputs text

Mastering Node.js: Writing to a Write Stream on the 'finish' Event

Utilizing Google App Engine for seamless deployment, integrating Ajax for dynamic interactions, and

Tips for parsing through extensive JSON documents containing diverse data types

JavaScript code failed to run

Does the size of a JavaScript heap, when it's big but not enough to cause a crash, have the potential to slow down a website, aside from just having an

What is the best approach for managing validations on a field-by-field basis within a Formik FieldArray?

Unusual escape_javascript quirk witnessed in Ruby on Rails

How to modify this to return a function and eliminate the need for declaring a function

Is there a way for me to retrieve the data returned from a worker thread?

Add a custom Leaflet JS control button with personalized text and hover functionality

Is it possible to loop through an array that is defined within a for loop in Java?

Utilize express.router() to send a get request to a third-party API while including an API key

Retrieving the identifier from a value within a Symfony controller

What is the best way to integrate a Vue component into a Knockout application?

The Classic ASP error '800a0bcd' occurred while trying to access an ADODB.Field