What is the best way to include an array in an object while only retaining a single column for each element in the array?

Question

What is the best way to include an array in an object while only retaining a single column for each element in the array?

I am working with an array named answers on my webpage, which has the following structure:

answers[{x: 1, r: true;},{x: 2,r: false;},{x: 3, r: true;}]

I believe I have defined this correctly. The answers array consists of a variable number of rows (in this case it's three but it could vary up to ten). Each row includes an x field and an r field.

I need assistance in finding a way to extract only the r field from each row of the answers array and add them to the following object:

$scope.so.xHeaders[fromParams]

javascript angularjs

Answer 1

Answer №1

There are multiple approaches to achieve this, depending on your specific requirements.

var responses = [{x: 1, r: true},{x: 2, r: false},{x: 3, r: true}]

1) To obtain an array of values:

var arr = responses.map(function(el){
  return el.r;
}, []);

console.log(arr) // [true, false, true]

2) If you wish to retrieve the objects with only the r value:

var arr = responses.map(function(el){
  var obj = {};
  obj.r = el.r;
  return obj;
}, []);

(in a more concise way):

var arr = responses.map(function(el){
  return { r: el.r };
}, []);

console.log(arr) // [Object { r=true}, Object { r=false}, Object { r=true}]

Fiddle.

Answer 2

There are multiple approaches to achieve this, depending on your specific requirements.

var responses = [{x: 1, r: true},{x: 2, r: false},{x: 3, r: true}]

1) To obtain an array of values:

var arr = responses.map(function(el){
  return el.r;
}, []);

console.log(arr) // [true, false, true]

2) If you wish to retrieve the objects with only the r value:

var arr = responses.map(function(el){
  var obj = {};
  obj.r = el.r;
  return obj;
}, []);

(in a more concise way):

var arr = responses.map(function(el){
  return { r: el.r };
}, []);

console.log(arr) // [Object { r=true}, Object { r=false}, Object { r=true}]

Fiddle.

Answer 3

Answer №2

To retrieve specific data from an array in Underscore.js, you can utilize the pluck method:

var dataList = _.pluck(entries, 'val');

Answer 4

To retrieve specific data from an array in Underscore.js, you can utilize the pluck method:

var dataList = _.pluck(entries, 'val');

Answer 5

Answer №3

Here is a way to achieve it:

$scope.so.xHeaders = []
angular.forEach(answers, function(value, index) {
    $scope.so.xHeaders.push({ r: value.r });
});

Answer 6

Here is a way to achieve it:

$scope.so.xHeaders = []
angular.forEach(answers, function(value, index) {
    $scope.so.xHeaders.push({ r: value.r });
});

What is the best way to include an array in an object while only retaining a single column for each element in the array?

Answer №1

Answer №2

Answer №3

Similar questions

Converting this HTML/PHP code into JavaScript: A step-by-step guide

JavaScript cannot determine the length of an array of objects

Accessing Row Data from a Material Table using a Button Click, Not through Row Selection

jQuery's find method returns a null value

Swapping out image sources using a React Hook that includes an onClick event

Angularjs update the <select> tag inside ng-if functionality

Creating a dynamic dropdown list with PHP and AJAX using JQuery

What is the best way to create a time delay between two consecutive desktop screenshot captures?

JavaScript and jQuery: The Power of Dynamic Arrays

Error: The variable "details.date.getTime" is not defined and cannot be accessed

Generating XML format from JSON using JavaScript

Ways to obtain the output of an If/Else statement

Tips for converting a URL to the correct route in emberjs when the location type is set to history

When trying to integrate Angular.ts with Electron, an error message occurs: "SyntaxError: Cannot use import statement

Why is it necessary to include 'export' when declaring a React component?

Leverage TypeScript AngularJS directive's controller as well as other inherited controllers within the directive's link function

Utilize Javascript ES6 to Sort Through Data in a Table

Angular - Detecting Scroll Events on Page Scrolling Only

Utilizing Vue to create a button within a popup window

Manipulating Strings in JavaScript