Generating JSON object in JavaScript by combining data from two arrays using specified keys

Question

Generating JSON object in JavaScript by combining data from two arrays using specified keys

If, for instance, I were to have two arrays within JavaScript. The initial one possessing titles

var titles = [ "welcome page", "how it works", "about us"]

And the subsequent array containing the respective links to those pages

var links = [ "/home", "/howitworks", "/about"]

The aim is to generate a json object utilizing keys "title" and "link" from the aforementioned arrays as illustrated below:

source:{
 {
  title:"welcome page",
  link:"/home"
 },
 {
   title:"how it works",
   link:"/howitworks"
 },
...
}

Is there anyone that could provide guidance on how to achieve this?

javascript arrays json

Answer 1

Answer №1

In the scenario where both arrays always have the same length:

$(document).ready(function(){

var categories = [ "best sellers", "new arrivals", "clearance items"];

var urls = [ "/bestsellers", "/newarrivals", "/clearance"];


var dataObjects = {};
dataObjects['items'] = [];
for (var i=0; i < categories.length; i++) {
  var item = {};
    item['category'] = categories[i];
  item['url'] = urls[i];
  dataObjects['items'].push(item);
}
alert(JSON.stringify(dataObjects));
});

Answer 2

In the scenario where both arrays always have the same length:

$(document).ready(function(){

var categories = [ "best sellers", "new arrivals", "clearance items"];

var urls = [ "/bestsellers", "/newarrivals", "/clearance"];


var dataObjects = {};
dataObjects['items'] = [];
for (var i=0; i < categories.length; i++) {
  var item = {};
    item['category'] = categories[i];
  item['url'] = urls[i];
  dataObjects['items'].push(item);
}
alert(JSON.stringify(dataObjects));
});

Generating JSON object in JavaScript by combining data from two arrays using specified keys

Answer №1

Similar questions

"Modifying the height of an SVG <g> element: A step-by

Enhanced Button Dropdown Function

Changing the data type of an integer to a string within an Object

The data values are transformed following a JSON AJAX POST request with a percentage symbol

Guidelines for providing the image file path in an external JavaScript file for creating a Flask API

Why is it that my for loop produces the accurate result, yet my forEach function fails to do so?

fetch and modify data simultaneously in firebase

The md-items function is experiencing issues with updating the suggestion list correctly within the md-autocomplete feature of Angular Material

Guide on integrating JSON and Handlebars partials using Gulp for creating HTML pages

momentjs isValid function is providing incorrect results, returning false when it should return true, and vice versa

The useState setFunction does not alter on OnClick events

Step-by-step guide on programmatically closing the Material-UI DropDownMenu

Incorporating JSON Data into a Collection within my Controller

Develop a personalized mapping API with a unique image integration for website navigation

The functionality of clicking on Google Visualization table chart to return row/column values is malfunctioning on Mozilla browser

Break down a string with various delimiters into an array with key-value pairs

Creating a Form Input Field Based on a Selection List

Having trouble with jQuery scrollTop not working after loading content with ajax?

What is the process for adding a custom header when making an ajax call in a datatable?

What defines a quick or sluggish load time when it comes to a webpage?