Setting initial values for an object in JavaScript

Question

Setting initial values for an object in JavaScript

I am currently seeking a method to store predefined values in a separate file for populating my function:

Here is my function in index.js:

const Modes = (array) => {
      return {
        name: array.name,
        funcionarioIncrease: array.funcionarioValor,
        socioIncrease: array.socioValue,
        faturamento: array.faturamento
      }
    }

This is my schema.json file:

{   
  "name": "SIMPLES NACIONAL – MEI",   "funcionarioIncrease": 49.99,  
  "socioIncrease": 0,
  "FATURAMENTO": [
            {
              "name": "ATÉ 30.000,00",
              "value": 149.99
            },
            {
              "name": "De 30.001,00 a 50.000,00 ",
              "value": 199.90
            }   ] 
}

However, I am uncertain about the correct approach and whether using .json files is appropriate.

javascript json

Answer 1

Answer №1

If you want to simplify your code, you can create a JavaScript file containing constant values and then import it into your project.

For instance:

constants.js

export const NAME="MyTestName";
export const INCREASE=0;
export const SALES=[{id:1}]

Then in your functional component:

functional.js

import {NAME,INCREASE,SALES} from "./constants.js";

const Modes = ({
    name=NAME,
    increase=INCREASE,
    sales=SALES
}) => {
  return {
    name,
    increase,
    sales
  }
}

Just remember that if you provide any of these props to your functional component, the default values will be replaced.

Answer 2

If you want to simplify your code, you can create a JavaScript file containing constant values and then import it into your project.

For instance:

constants.js

export const NAME="MyTestName";
export const INCREASE=0;
export const SALES=[{id:1}]

Then in your functional component:

functional.js

import {NAME,INCREASE,SALES} from "./constants.js";

const Modes = ({
    name=NAME,
    increase=INCREASE,
    sales=SALES
}) => {
  return {
    name,
    increase,
    sales
  }
}

Just remember that if you provide any of these props to your functional component, the default values will be replaced.

Setting initial values for an object in JavaScript

Answer №1

Similar questions

Highcharts still unable to display series data despite successful decoding efforts

How does ng-repeat determine the presence of duplicates within an array of objects?

Discovering a way to monitor keyup and keydown occurrences in JavaScript on an iPhone

Creating a new image by converting canvas to an image and displaying it in a separate window with Ruby on Rails and

Create a line connecting two divs using jQuery's DOM manipulation capabilities

Are there any other benefits to utilizing the Decorator pattern besides enhancing dynamic behavior?

What is the best way to name a force-directed Graph using d3?

Utilizing a series of linked jQuery functions

Allowing access from different domains when using Angular.js $http

specialized html elements within data-ng-options

I must interact with the video within the iframe by clicking on it

Issue with managing timezones in Angular with CDT/CST offsets

Leveraging nodemailer and handlebars for personalized email templates

A comprehensive guide to navigating pages using AngularJS

Modify the color of the div element after an ajax function is executed

How can you ensure seamless synchronization while logging in a user with ReactJS and retrieving data from the API?

Sending information from JavaScript to Python scripts: best practices

When creating a structure in Swift, it will not follow the 'Decodable' or 'Encodable' protocols if a protocol type is used within the structure

AngularJS 1 - CSS glitch occurs when navigating between tabs

Using Vue.js to connect v-html to a custom CSS stylesheet