Is there a way to transform an array of strings into an object?

Question

Is there a way to transform an array of strings into an object?

I am currently working on displaying an array using ng-grid and I am encountering some issues. Here is the link to the code: http://plnkr.co/edit/G33IlPCNAdh1jmNTtVNO?p=preview

It seems that ng-grid requires a JSON object instead of an array for the field portion. I have noticed that by uncommenting and replacing instances of $scope.test with $scope.test2 in the code provided in the plunkr, the data is displayed correctly. However, I am currently facing issues with undefined messages. How can I programmatically change $scope.test to match the format of $scope.test2 for ng-grid?

In essence, I would like to transform the array $scope.test to something like $scope.test2 specifically for ng-grid. Is there a way to achieve this? Any assistance on this matter would be highly appreciated.

Edit:

Essentially, I am looking to convert:

$scope.test = ['blah', 'blah2'];

to a format like:

$scope.test2 = [{name:['blah', 'blah2']}]; //name can be changed to anything
//name just has to specify the name of the array inside this object.

Is this feasible?

javascript arrays angularjs ng-grid

Answer 1

Answer №1

The main issue lies in the requirement for an array of objects representing individual rows. This implies that the desired 'test' should be structured as follows:

$scope.test = [
  { test: 'blah' },
  { test: 'blah2' }
];

To achieve this programmatically, a method like the following could be employed:

$scope.test = [ 'blah', 'blah2' ];
$scope.testObjects = [];
$scope.test.forEach( function( val ){
  $scope.testObjects.push( { test: val } );
});
$scope.gridOptions = { 
  data: 'testObjects',
  columnDefs: [
    {field: 'test', displayName: 'Test'},
  ]
};

This approach eliminates the need for a filter. For a working example, refer to my updated plunker.

Answer 2

The main issue lies in the requirement for an array of objects representing individual rows. This implies that the desired 'test' should be structured as follows:

$scope.test = [
  { test: 'blah' },
  { test: 'blah2' }
];

To achieve this programmatically, a method like the following could be employed:

$scope.test = [ 'blah', 'blah2' ];
$scope.testObjects = [];
$scope.test.forEach( function( val ){
  $scope.testObjects.push( { test: val } );
});
$scope.gridOptions = { 
  data: 'testObjects',
  columnDefs: [
    {field: 'test', displayName: 'Test'},
  ]
};

This approach eliminates the need for a filter. For a working example, refer to my updated plunker.

Answer 3

Answer №2

Here's a simple solution:

$scope.data = [{value: $scope.inputData}];

The variable $scope.inputData is an object reference, meaning any modifications made to it will also impact $scope.data[0].value

Answer 4

Here's a simple solution:

$scope.data = [{value: $scope.inputData}];

The variable $scope.inputData is an object reference, meaning any modifications made to it will also impact $scope.data[0].value

Is there a way to transform an array of strings into an object?

Answer №1

Answer №2

Similar questions

The onDrop event in javascript seems to be failing to execute

Is it possible to modify the default behavior of a sensitive region within a button?

There was a unexpected JSON response from the Django backend that triggered an alert in the Chrome

Adjust the visibility of components depending on the width of the screen

Unable to assign a value to a property within a JavaScript object

The function of cookieParser() is causing confusion

Troubleshooting data binding issues in Angular.js using Jade and Express

Unable to deploy a node.js package via a jenkins job

Ways to update the content of a NodeList

How can I execute PUT before GET in Angular for downloading a file?

I am in search of a method to rephrase the content while minimizing redundancy

SinonJS - Retrieving Property Value Prior to Stub Invocation

Angular 1: Handling Multiple Conditions and Exclusions Based on Other Conditions

What is the correct way to execute a JavaScript function during the page load event?

Using Multiline Strings for Arguments

The trio of Angular, jQuery, and Chrome extensions is a powerful

An error was encountered with Ajax and JSONP due to an unexpected token causing a SyntaxError

A solo-dimensional array generated within a PHP while loop

Inspecting Mapped Data in React using the Console

Preventing the keyboard from showing on mobile devices when using a React date time picker