Converting Rails data into JSON objects using hashing techniques

Question

Converting Rails data into JSON objects using hashing techniques

I'm currently working on a Rails query that looks like this:

@c = RealEstateAgentAssignmentStatus.joins(:real_estate_agent_assignments =>:loan_application)
    .group("real_estate_agent_assignment_statuses.assignment_status").select("real_estate_agent_assignment_statuses.assignment_status,count(real_estate_assignments.loan_application_id)")
    .where("real_estate_agent_assignments.real_estate_agent_id = 188").count

After executing the query, I receive the Rails result in JSON format as follows:

var data = {
"Rejected By Customer/Bank":1, "Failed Screening":2, "Submitted":2, "Processing Stage":3 }

The reason for the JSON format is because I need to pass it to AngularJS for further processing.

Currently, I can only access the data like this:

data["Submitted"]

Is there a way to hash the result in Rails or convert it into an array so that I can access it like this:

data.status , data.value

I considered mapping it in Rails, but I encountered an error. Any assistance on this matter would be greatly appreciated. Thank you!

javascript ruby-on-rails json angularjs

Answer 1

Answer №1

Using Ruby:

array = data.map do |key, val|
    {
        type: key,
        amount: val
    }
end

Using JavaScript:

let array = [];
Object.entries(data).forEach(([key, val]) => {
    this.push({ type: key, amount: val }) 
}, array);

Answer 2

Using Ruby:

array = data.map do |key, val|
    {
        type: key,
        amount: val
    }
end

Using JavaScript:

let array = [];
Object.entries(data).forEach(([key, val]) => {
    this.push({ type: key, amount: val }) 
}, array);

Answer 3

Answer №2

Rails Framework

To efficiently handle data in Ruby, you can utilize the OpenStruct class.

require 'ostruct'
data = {"status" => 'Rejected By Customer/Bank', "value" => 1}
os = OpenStruct.new data
os.status # Rejected By Customer/Bank
os.value # 1

Another approach is to define a custom method_missing in the Hash class, although it may not be recommended.

def method_missing(m)
  key = m.to_s
  return self[key] if self.has_key? key
  super
end

In both scenarios, your hash should contain keys like status and value. To transform your hash:

new_hash = h.map{ |key, value| OpenStruct.new({status: key, value: value }) }

Alternatively, without using OpenStruct:

new_hash = h.map{ |key, value| {status: key, value: value } }

After this conversion, you can access the data using:

new_hash[i].status
new_hash[i].value

JavaScript

For handling data in JavaScript, convert your hash into an array of objects. With AngularJS:

var data = [];
angular.forEach(your_json, function(k,v){ 
  this.push({ status: k, value: v }) 
}, data);

I hope this explanation clarifies the process for you and proves to be beneficial.

Answer 4

Rails Framework

To efficiently handle data in Ruby, you can utilize the OpenStruct class.

require 'ostruct'
data = {"status" => 'Rejected By Customer/Bank', "value" => 1}
os = OpenStruct.new data
os.status # Rejected By Customer/Bank
os.value # 1

Another approach is to define a custom method_missing in the Hash class, although it may not be recommended.

def method_missing(m)
  key = m.to_s
  return self[key] if self.has_key? key
  super
end

In both scenarios, your hash should contain keys like status and value. To transform your hash:

new_hash = h.map{ |key, value| OpenStruct.new({status: key, value: value }) }

Alternatively, without using OpenStruct:

new_hash = h.map{ |key, value| {status: key, value: value } }

After this conversion, you can access the data using:

new_hash[i].status
new_hash[i].value

JavaScript

For handling data in JavaScript, convert your hash into an array of objects. With AngularJS:

var data = [];
angular.forEach(your_json, function(k,v){ 
  this.push({ status: k, value: v }) 
}, data);

I hope this explanation clarifies the process for you and proves to be beneficial.

Converting Rails data into JSON objects using hashing techniques

Answer №1

Using Ruby:

Using JavaScript:

Answer №2

Similar questions

Vue: Choosing an option during the execution of setInterval

Increase the visibility of a div using Jquery and decrease its visibility with the "

Counting radio buttons in AngularJS and handling undefined values when passing parameters

A guide on accessing the first element in an array when performing multiplication within the Interval component in React.js

Learn how to implement interconnected dropdown menus on an html webpage using a combination of JavaScript, AngularJs, and JSON dataset

Validating forms in React with Material-UI using hooks

Ever tried asynchronous iteration with promises?

Interactive sidebar search component for Angular

Is it advisable to tidy up handlePress variables within useEffect?

The issue of race condition in Node.js programming

What are the consequences of submitting a form to a different website through POST method?

difficulty displaying an image sourced from a URL string within a JSON file in SwiftUI

Retrieve the ID of a specific row within a table in a datatables interface by selecting the row and then clicking a button

Sequelize Error: Object A is not linked to Object B in Node.js

Updating multiple documents in Mongoose that have a specific element in an array

Blending an HTML jQuery toggle

Integrate several YouTube players within a tabbed angular-ui system. Looking to incorporate a collapse feature

Ways to manage the order of RequestExecutor execution

Populate a pandas dataframe with predefined values

What do you think of the unique JSON syntax found in the React-Redux-Firebase documentation? Valid or not?