How to generate a JSON key-value pair?

Question

How to generate a JSON key-value pair?

I have 2 sets of arrays with the exact same length :

var set1= ["apple", "banana", "orange", "mango", "grape", "kiwi", "pear", "papaya"]
var set2 = ["junglebook", "narnia", "harrypotter", "lordoftherings", "aliceinwonderland", "peterpan", "sherlockholmes", "wizardofoz"]

The desired output would be :

result = [{item:apple,story:junglebook},{item:banana,story:narnia},{item:orange,story:harrypotter},{item:mango,story:lordoftherings},{item:grape,story:aliceinwonderland},{item:kiwi,story:peterpan},{item:pear,story:sherlockholmes},{item:papaya,story:wizardofoz}]

Can anyone assist me with this task?

javascript arrays json sorting

Answer 1

Answer №1

Implementing map is the way to go:

let updatedArray = initialArray.map((element, idx) => ({ identifier: element, change: secondArray[idx] }));

Answer 2

Implementing map is the way to go:

let updatedArray = initialArray.map((element, idx) => ({ identifier: element, change: secondArray[idx] }));

Answer 3

Answer №2

To accomplish this task, you can utilize the power of Array.map().

Check out a demonstration below:

  var numbers = ["1", "2", "3", "4", "5", "6", "7", "8"];
  var channels = ["abc", "nbc", "cbs", "fox", "hbo", "espn", "tnt", "amc"];
  
  const mergedArray = numbers.map((item, index) => {
    return {number: item, channel: channels[index]}
  });
  
  console.log(mergedArray);

Answer 4

To accomplish this task, you can utilize the power of Array.map().

Check out a demonstration below:

  var numbers = ["1", "2", "3", "4", "5", "6", "7", "8"];
  var channels = ["abc", "nbc", "cbs", "fox", "hbo", "espn", "tnt", "amc"];
  
  const mergedArray = numbers.map((item, index) => {
    return {number: item, channel: channels[index]}
  });
  
  console.log(mergedArray);

Answer 5

Answer №3

let numbers = ["one", "two", "three", "four", "five", "six", "seven", "eight"];
let channels = ["nbc", "abc", "cbs", "fox", "hbo", "tnt", "mtv", "buzzfeed"];

let combined = [];
for(let j = 0; j < numbers.length; j++) {
    let pairing = {
            numberId: numbers[j],
            channelName: channels[j]
        }
    combined.push(pairing);
}

console.log(combined);

Answer 6

let numbers = ["one", "two", "three", "four", "five", "six", "seven", "eight"];
let channels = ["nbc", "abc", "cbs", "fox", "hbo", "tnt", "mtv", "buzzfeed"];

let combined = [];
for(let j = 0; j < numbers.length; j++) {
    let pairing = {
            numberId: numbers[j],
            channelName: channels[j]
        }
    combined.push(pairing);
}

console.log(combined);

Answer 7

Answer №4

It seems like you're interested in a solution similar to this.

let numbers = ["1", "2", "3", "4", "5", "6", "7", "8"];
let channels = ["discovery", "nationalgeographic", "hbo", "wb", "comedycentral", "pogo", "cnn", "romedynow"];

let result = [];

for (let i = 0; i < numbers.length; i++) {
    result.push({"id": numbers[i], "chan": channels[i]});
}

console.log(result);

Here is the output I have achieved:

[ { id: '1', chan: 'discovery' },
  { id: '2', chan: 'nationalgeographic' },
  { id: '3', chan: 'hbo' },
  { id: '4', chan: 'wb' },
  { id: '5', chan: 'comedycentral' },
  { id: '6', chan: 'pogo' },
  { id: '7', chan: 'cnn' },
  { id: '8', chan: 'romedynow' } ]

Wishing you success!

Answer 8

It seems like you're interested in a solution similar to this.

let numbers = ["1", "2", "3", "4", "5", "6", "7", "8"];
let channels = ["discovery", "nationalgeographic", "hbo", "wb", "comedycentral", "pogo", "cnn", "romedynow"];

let result = [];

for (let i = 0; i < numbers.length; i++) {
    result.push({"id": numbers[i], "chan": channels[i]});
}

console.log(result);

Here is the output I have achieved:

[ { id: '1', chan: 'discovery' },
  { id: '2', chan: 'nationalgeographic' },
  { id: '3', chan: 'hbo' },
  { id: '4', chan: 'wb' },
  { id: '5', chan: 'comedycentral' },
  { id: '6', chan: 'pogo' },
  { id: '7', chan: 'cnn' },
  { id: '8', chan: 'romedynow' } ]

Wishing you success!

How to generate a JSON key-value pair?

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

The Material UI component successfully loads the options data list from the server response, however, it fails to return the selected value when an option

Exploring Functionality in JavaScript

React and SASS - issue with checkbox component not being properly aligned with its label

Retrieve the JQuery element using its ID or class identifier

What's with the increased verbosity of mongoose query result objects in the latest version?

Navigating with Node.js and angular

Different method for uploading json documents to Firebase's live database

Populate various input fields upon choosing an option from a dropdown list

What is the best method for merging 24 columns into a single array column in R?

Changing a specific string into an array with PHP

Rotating around the axis of extrusion, Three.js extrudes a 2D face

Can a new webpage be created without requiring a separate HTML file extension?

The attempt to compare two undisclosed inputs using basic javascript was unsuccessful

Using Google App Script for Slides to center-align text within a text box

Creating a horizontal navigation bar using localscroll.js in your website is a great way

`Upkeeping service variable upon route alteration in Angular 2`

The focal length in THREE.js PerspectiveCamera seems to be miscalculated, which is not aligning with the field of view

Dynamic styling updates on page refresh in Next.js

Discover key/value pairs by using jq that are dependent on another key/value pair

Looking to calculate the sum of each row in a multi-dimensional array using PHP?