What is a more efficient method for creating a JSON object?

Question

What is a more efficient method for creating a JSON object?

Here is the code I am using:

this.selectedMonths = JSON.parse(JSON.stringify(this.selectedMonths));

Once this code runs, `this.selectedMonths` will be properly formatted as a JSON object.

I'm wondering if there is a more efficient way to achieve this. The current method of using both JSON.parse() and JSON.stringify() seems redundant.

Side Note: Simply using JSON.stringify() by itself doesn't work because it adds quotation marks around the entire JSON array. That's why I have to use JSON.parse() to remove those quotations.

javascript json

Answer 1

Answer №1

After understanding your feedback, here is a new approach that involves using the map method to iterate over an array and apply a function named toInteger. The purpose of toInteger is to convert specific keys in the array objects into integers.

let selectedMonths = [{
  id: "1",
  name: "Bob",
  age: "12"
}, {
  id: "2",
  name: "Harry",
  age: "34"
}];

function toInteger(keys) {
  return function(obj) {
    return Object.keys(obj).reduce(function(obj, key) {
      if (keys.includes(key)) obj[key] = Number(obj[key]);
      return obj;
    }, obj);
  }
}

let out = selectedMonths.map(toInteger(['id', 'age']));

console.log(out);

Answer 2

After understanding your feedback, here is a new approach that involves using the map method to iterate over an array and apply a function named toInteger. The purpose of toInteger is to convert specific keys in the array objects into integers.

let selectedMonths = [{
  id: "1",
  name: "Bob",
  age: "12"
}, {
  id: "2",
  name: "Harry",
  age: "34"
}];

function toInteger(keys) {
  return function(obj) {
    return Object.keys(obj).reduce(function(obj, key) {
      if (keys.includes(key)) obj[key] = Number(obj[key]);
      return obj;
    }, obj);
  }
}

let out = selectedMonths.map(toInteger(['id', 'age']));

console.log(out);

What is a more efficient method for creating a JSON object?

Answer №1

Similar questions

What are some methods for simulating user interaction on input and button elements?

issue with retrieving data from PHP script via ajax

My function seems to be functioning perfectly fine in Angular and Express, but for some reason, it's not working in Parse Cloud Code. What could

Tips for organizing a multi-layered object based on an internal value

Interactive loading of datalist choices using AJAX in the Firefox browser

The div is populated after the onload event is finished

What is the best way to ensure blocking on an AJAX call?

Unable to finish the real-time search request

Parsing a JSON string array in Swift without prior knowledge of the number of strings present

Attempting to grasp the sequence in which setTimeout is ordered alongside Promise awaits

Retrieve the values from hidden input fields that share the same name

Tips for implementing jQuery plugin in Electron's Renderer Process:

Vue-Firebase: A guide to linking multiple Firebase services in a single app

We're sorry, but the package path . cannot be found within the package's exports

A guide to dynamically adding an HTML class using JavaScript

Show the helper text when a TextField is selected in Material UI

"Is there a similar function in axios to jquery's ajaxComplete

Leveraging Mermaid for angular applications

We are experiencing difficulties rendering flash messages in Expressjs with Handlebars(hbs) and express-messages using flash-connect

Exploring the capabilities of Angular's ngResource library and how it