Asignación de JavaScript a JSON

1. la función map() en JavaScript
2. Usar un mapa en JavaScript
3. Utilice el método JSON.stringify() en Map to JSON
4. Utilice el método object.fromEntries() en Map to JSON
5. Convertir un mapa en una cadena JSON
6. Conclusión

La notación de objetos de JavaScript (JSON) es un formato basado en texto para presentar datos estructurados comúnmente. En JavaScript, podemos simplificar nuestro código usando la función map().

la función map() en JavaScript

Una colección de pares clave/valor conocida como mapa() puede usar cualquier dato y recuerda el orden en que se inserta.

Una gran sintaxis nueva es un mapa(). Es una excelente herramienta para cambiar cada elemento en una matriz de JavaScript.

Se utiliza para recorrer todas las matrices. Dependiendo de los resultados, puede crear a partir de elementos terminados recientemente o modificar elementos de una matriz para formar un nuevo rango.

Las claves en cualquier cosa pueden ser un mapa(), incluidas matrices, objetos y números enteros.

Debajo del ejemplo, los valores firstName y middleName se pueden combinar usando el método map() para recorrer la matriz.

let users = [
  {firstName: 'Bob', middleName: 'Mel', lastName: 'Lee'},
  {firstName: 'Joanna', middleName: 'Kaccy', lastName: 'Smith'},
  {firstName: 'Peter', middleName: 'Jone', lastName: 'Steward'}
];

let Fullnames = users.map(function(element) {
  return `${element.firstName} ${element.middleName} ${element.lastName}`;
})

console.log(Fullnames);

Aquí está la salida del código anterior:

Usando el mapa(), puede agregar o eliminar interfaces nuevas y existentes y recuperar su valor. La sintaxis del método mapa se encuentra a continuación.

arr.map(function(element, index, array) {}, this);

Cada elemento de la matriz llama a la función de devolución de llamada, que siempre pasa el elemento actual, el índice del elemento actual y todo el objeto de la matriz.

Usar un mapa en JavaScript

Puede usar un mapa para recopilar y agregar las salidas a una nueva matriz. Se puede lograr una tarea similar utilizando un bucle for o “anidamiento” en JavaScript.

Pero podemos crear funciones que sean más simples de leer usando una función mapa().

Con la nueva sintaxis mapa(), el mapa() se puede construir, inicializar y luego se pueden agregar valores.

Podemos crear un nuevo mapa(), llamado primerMapa.

let firstMap = new Map()

La salida será un mapa vacío.

Si desea dar algún valor a una función mapa(), debe crear un objeto Mapa utilizando un nuevo Mapa().

Por ejemplo, use el nuevo mapa favCharacter para crear un objeto de mapa. A continuación se presenta una discusión al respecto.

let favCharacter = new Map([
  ['Brett Lee', 'Australian'], ['Muttiah Muralitharan', 'SriLankan'],
  ['Chris Gayle', 'West Indian'], ['Wasim Akram', 'Pakistan']
]);
console.log(favCharacter);

Aquí está la salida del código anterior:

Tiendas con nombres y nacionalidades de jugadores de críquet de fama mundial en ese mapa objetos de este ejemplo. Podemos obtener una salida similar a la que se muestra arriba usando console.log(favCharacter);.

Utilice el método JSON.stringify() en Map to JSON

Primero, podemos crear un mapa() con claves y valores como cadenas. El método Map.forEach lo usa para recorrer el mapa, que incluye una llamada para cada elemento.

Después de eso, un objeto crea y agrega las claves y los valores. Por último, el objeto devuelve el método JSON.stringify() en formato JSON.

let detail = new Map()
detail.set('Name', 'Lora');
detail.set('Country', 'England');
detail.set('Age', '24');
let jsonObject = {};
detail.forEach((value, key) => {jsonObject[key] = value});
console.log(JSON.stringify(jsonObject))

Aquí está la salida del código anterior:

Utilice el método object.fromEntries() en Map to JSON

El método Object.fromEntries() se utiliza para obtener el mapa de entrada y convertirlo en un objeto JSON de claves y valores. El método fromEntries en una clase de objeto se introdujo en ES6.

A continuación, podemos ver un ejemplo de este método.

let detail = new Map()
detail.set('Name', 'Lora');
detail.set('Country', 'England');
detail.set('Age', '24');
const result = Object.fromEntries(detail);
console.log(result)

Aquí está la salida del código anterior:

Convertir un mapa en una cadena JSON

Del mismo modo, podemos usar Object.fromEntries() para convertir un mapa en una cadena JSON y un objeto JavaScript. Luego pase ese objeto como argumento al método de JavaScript JSON.stringify().

Sintaxis:

var obj = Object.fromEntries(details);
var jsonString = JSON.stringify(obj);

Podemos convertir un mapa de JavaScript en una cadena JSON usando esta sintaxis. Puede ver cómo funciona esa sintaxis en el siguiente ejemplo.

<!DOCTYPE html>
<html lang="en">
<body>
    <pre id="output"></pre>
    <script>
        var detail = new Map([['Name', 'James'],['Country', 'America'],['Age', 23]]);
        var obj = Object.fromEntries(detail);
        var jsonString = JSON.stringify(obj);
        document.getElementById('output').innerHTML += jsonString;
    </script>
</body>
</html>

Aquí está la salida del código anterior:

Conclusión

Este artículo analizó cómo convertir un mapa de JavaScript a JSON. Hemos discutido varios métodos que se pueden utilizar.

Principalmente, aprendimos a usar el método JSON.stringify() y el método Object.fromEntries() de JavaScript para transformar un mapa en una cadena JSON.