The process of embedding variables within a JSON Array function in JavaScript

Question

The process of embedding variables within a JSON Array function in JavaScript

As a newcomer to JavaScript, I am facing an issue while trying to create a simple program. I am attempting to store the variables 'name', 'document', and 'code' inside the JSON array called 'records'.


var records = [];
var code = 1;

function save() {
    var name = document.getElementById("pName").innerText;
    var doc = document.getElementById("pDocument").innerText;
    
    var record = {
        code: 0,
        name: "",
        sex: ""
    };
    
    record.push(code, name, doc);
}

javascript arrays json

Answer 1

Answer №1

To make adjustments to the salvar() function, you can specify each value of your "registro" variable like so:

var registro = [{
    codigo: codigoValue,
    nome: nomeValue,
    sexo: ""
}];

After that, use the push() function to add "registro" into the "registros" array. The revised code would look like this:

var registros = [];
var codigoValue = 1;
function salvar() {
    var nomeValue = document.getElementById("pNome").innerText;
    var documento = document.getElementById("pDocumento").innerText;
    var registro = [{
        codigo: codigoValue,
        nome: nomeValue,
        sexo: ""
    }];
    registros.push(registro);
}

Answer 2

To make adjustments to the salvar() function, you can specify each value of your "registro" variable like so:

var registro = [{
    codigo: codigoValue,
    nome: nomeValue,
    sexo: ""
}];

After that, use the push() function to add "registro" into the "registros" array. The revised code would look like this:

var registros = [];
var codigoValue = 1;
function salvar() {
    var nomeValue = document.getElementById("pNome").innerText;
    var documento = document.getElementById("pDocumento").innerText;
    var registro = [{
        codigo: codigoValue,
        nome: nomeValue,
        sexo: ""
    }];
    registros.push(registro);
}

Answer 3

Answer №2

When working with arrays in JavaScript, it's important to pay attention to the property/value structure. In your code snippet, you have assigned values to a variable called registro instead of registros.

Furthermore, the registros variable seems to be unused in your code.

To correct this issue, follow these steps:

First, create an array variable named registros
Next, define a function called salvar
Inside the salvar function, create an object that will store your values. For example, you can create an object with a property named "nome" and assign it the value fetched from document.getElementById("pNome").innerText.
Finally, push the created object into the registros array

var registros = [];
var codigo = 1;
function salvar() {
    var nome = document.getElementById("pNome").innerText;
    var documento = document.getElementById("pDocumento").innerText;
    var obj = { nome, documento, caodigo}

    registros.push(obj);
}

Answer 4

When working with arrays in JavaScript, it's important to pay attention to the property/value structure. In your code snippet, you have assigned values to a variable called registro instead of registros.

Furthermore, the registros variable seems to be unused in your code.

To correct this issue, follow these steps:

First, create an array variable named registros
Next, define a function called salvar
Inside the salvar function, create an object that will store your values. For example, you can create an object with a property named "nome" and assign it the value fetched from document.getElementById("pNome").innerText.
Finally, push the created object into the registros array

var registros = [];
var codigo = 1;
function salvar() {
    var nome = document.getElementById("pNome").innerText;
    var documento = document.getElementById("pDocumento").innerText;
    var obj = { nome, documento, caodigo}

    registros.push(obj);
}

The process of embedding variables within a JSON Array function in JavaScript

Answer №1

Answer №2

Similar questions

Ways to include a CSS file path in a link tag from an npm package

Evaluating Vue with AVA - The key is in the whitespace

Setting the default value for drop-down menus in jqGrid form editing

Images showing Strava heat maps retrieved through API

When incorporating a JS React component in TypeScript, an error may occur stating that the JSX element type 'MyComponent' is not a valid constructor function for JSX elements

Send in the completed form with your chosen preferences

Why does the final value appear when passing an incrementing counter as a prop to multiple React Components created in a loop?

Steps for generating a div, link, and image that links to another image using Javascript

Alerts in online software when there is a modification in the database

Issue with jQuery validation plugin is that the select element is not being properly validated

Querying Quandl API with Node.js using HTTPS Request

Is there a reliable method to verify the correctness of an HTML input?

Sending an Angular scope variable to JavaScript

Using ElectronJS requires the usage of the import keyword to load ES Modules

Obtaining the value of a JavaScript confirm popup in C#.NET

How can I decrease the time intervals between my JSON requests?

encountering issue alerts when using the MUI TextField module alongside the select function

I am looking to incorporate a dropdown feature using Javascript into the web page of my Django project

Customizing the styling of buttons in Highcharts is disabled when in full screen mode

How to achieve multiplication in Javascript without utilizing the * operand