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

Exploring the parsing of nested JSON in Android using Kotlin

What is the best way to toggle dropdown menu items using jQuery?

Locate the highest and lowest values within a .json file

Converting a Pandas dataframe to JSON format: {name of column1: [corresponding values], name of column2: [corresponding values], name

Obtaining information through a search form and utilizing a JSON API URL to gather data

Check my Twitter feed every 10 seconds

Personalize the loading bar using JavaScript

Can halting an ajax function mid-process prevent it from finishing?

Experimenting with altering the heights of two Views using GestureHandler in React Native

Extracting multiline value from a textarea using JavaScript

The functionality of the Bootstrap carousel for moving to the next and previous images is malfunctioning, as it only

What is the process for implementing an image as the background instead of a color for each column in a Google chart?

React is unable to identify the `initialValue` attribute on a DOM element

The TypeScript compiler generates a blank JavaScript file within the WebStorm IDE

In a multi-user environment, querying FaunaDB may not always retrieve the most up-to-date results

Having trouble retrieving a dynamic name with Formcontrol error?

What could be the reason for the appearance of Next.js compile indicator in my final production build?

Encountered an unexpected symbol < in JSON while implementing fetch() operation

Changing the direction of scrolling in AngularJS

Enhancing Grails dynamic dropdown to include a pre-selected value in edit.gsp