What is the method for assigning a value to a JSON object using data from another JSON object?

Question

What is the method for assigning a value to a JSON object using data from another JSON object?

I am faced with the task of setting the seqNo property in one JSON object, b, based on the id from another JSON object, a. How can I achieve this?

var a = [{id: "Make",   seqNo: 4},
            {id: "Model",  seqNo: 1},
            {id: "XModel", seqNo: 2},
            {id: "Rate",   seqNo: 3},
            {id: "Price",  seqNo: 0}];

var b = [
           {id: "Make", field: "make", seqNo: setvalue},
           {id: "Model", field: "model", seqNo: setvalue},
           {id: "XModel", field: "model", seqNo: setvalue},
           {id: "Rate", field: "price", seqNo: setvalue},
           {id: "Price", field: "price", seqNo: setvalue}
        ];

output:-

var c = [
            {headerName: "Make", field: "make", seqNo: 4},
            {headerName: "Model", field: "model", seqNo: 1},
            {headerName: "XModel", field: "model", seqNo: 2},
            {headerName: "Rate", field: "price", seqNo: 3},
            {headerName: "Price", field: "price", seqNo: 0}
        ];

javascript angularjs json

Answer 1

Answer №1

Given the same sequence:

var message = "";
var x = [{id: "Type",   orderNo: 4},
         {id: "Brand",  orderNo: 1},
         {id: "ModelX", orderNo: 2},
         {id: "Cost",   orderNo: 3},
         {id: "Price",  orderNo: 0}];

var y = [{id: "Type", category: "type", orderNo: message},
         {id: "Brand", category: "brand", orderNo: message},
         {id: "ModelX", category: "model", orderNo: message},
         {id: "Cost", category: "price", orderNo: message},
         {id: "Price", category: "value", orderNo: message}
        ];

var z=[];
for (var i=0;i<x.length;i++) {
  var xItem = x[i], yItem=y[i];
  z.push({ headerName:xItem.id, field:yItem.category, orderNo: xItem.orderNo });
}
console.log(z);
document.write(JSON.stringify(z, null, 2).replace(/},/g,"},<br/>"));

Answer 2

Given the same sequence:

var message = "";
var x = [{id: "Type",   orderNo: 4},
         {id: "Brand",  orderNo: 1},
         {id: "ModelX", orderNo: 2},
         {id: "Cost",   orderNo: 3},
         {id: "Price",  orderNo: 0}];

var y = [{id: "Type", category: "type", orderNo: message},
         {id: "Brand", category: "brand", orderNo: message},
         {id: "ModelX", category: "model", orderNo: message},
         {id: "Cost", category: "price", orderNo: message},
         {id: "Price", category: "value", orderNo: message}
        ];

var z=[];
for (var i=0;i<x.length;i++) {
  var xItem = x[i], yItem=y[i];
  z.push({ headerName:xItem.id, field:yItem.category, orderNo: xItem.orderNo });
}
console.log(z);
document.write(JSON.stringify(z, null, 2).replace(/},/g,"},<br/>"));

Answer 3

Answer №2

One approach you could consider is as follows:

let convertedArray = originalArray.reduce(function(result, item) {
    result[item.key] = item.value;
    return result;
}, {});

// convertedArray => {key1: value1, key2: value2,.. }

let mappedArray = secondArray.map(function(item) {
    let newItem = {
        key: item.key,
        data: item.data,
        value: convertedArray[item.key]
    };
    return newItem;
});

This code snippet first transforms the original array into an object map and then utilizes this map to correctly match elements while mapping the second array.

Answer 4

One approach you could consider is as follows:

let convertedArray = originalArray.reduce(function(result, item) {
    result[item.key] = item.value;
    return result;
}, {});

// convertedArray => {key1: value1, key2: value2,.. }

let mappedArray = secondArray.map(function(item) {
    let newItem = {
        key: item.key,
        data: item.data,
        value: convertedArray[item.key]
    };
    return newItem;
});

This code snippet first transforms the original array into an object map and then utilizes this map to correctly match elements while mapping the second array.

Answer 5

Answer №3

Consider this loop-based solution for obtaining the desired outcome, assuming an equal number of objects exist in both arrays:

var array1 = [{id: "Make",   seqNo: 4},
            {id: "Model",  seqNo: 1},
            {id: "XModel", seqNo: 2},
            {id: "Rate",   seqNo: 3},
            {id: "Price",  seqNo: 0}];

var array2 = [
           {id: "Make", field: "make", seqNo: 'setvalue'},
           {id: "Model", field: "model", seqNo: 'setvalue'},
           {id: "XModel", field: "model", seqNo: 'setvalue'},
           {id: "Rate", field: "price", seqNo: 'setvalue'},
           {id: "Price", field: "price", seqNo: 'setvalue'}
        ];

array2 = array2.map(function (obj) {
    array1.forEach(function (aObj,aIndex) {
        if (obj.id == array1[aIndex].id) {
            obj["seqNo"] = array1[aIndex].seqNo;
        }
    })
    return obj;
})
console.log(array2)

// Expected result
[ { id: 'Make', field: 'make', seqNo: 4 },
  { id: 'Model', field: 'model', seqNo: 1 },
  { id: 'XModel', field: 'model', seqNo: 2 },
  { id: 'Rate', field: 'price', seqNo: 3 },
  { id: 'Price', field: 'price', seqNo: 0 } ]

Answer 6

Consider this loop-based solution for obtaining the desired outcome, assuming an equal number of objects exist in both arrays:

var array1 = [{id: "Make",   seqNo: 4},
            {id: "Model",  seqNo: 1},
            {id: "XModel", seqNo: 2},
            {id: "Rate",   seqNo: 3},
            {id: "Price",  seqNo: 0}];

var array2 = [
           {id: "Make", field: "make", seqNo: 'setvalue'},
           {id: "Model", field: "model", seqNo: 'setvalue'},
           {id: "XModel", field: "model", seqNo: 'setvalue'},
           {id: "Rate", field: "price", seqNo: 'setvalue'},
           {id: "Price", field: "price", seqNo: 'setvalue'}
        ];

array2 = array2.map(function (obj) {
    array1.forEach(function (aObj,aIndex) {
        if (obj.id == array1[aIndex].id) {
            obj["seqNo"] = array1[aIndex].seqNo;
        }
    })
    return obj;
})
console.log(array2)

// Expected result
[ { id: 'Make', field: 'make', seqNo: 4 },
  { id: 'Model', field: 'model', seqNo: 1 },
  { id: 'XModel', field: 'model', seqNo: 2 },
  { id: 'Rate', field: 'price', seqNo: 3 },
  { id: 'Price', field: 'price', seqNo: 0 } ]

Answer 7

Answer №4

If you're utilizing underscorejs, it is recommended to utilize the following code for merging two objects:

_.extend({id: "Make", field: "make", seqNo: setvalue}, {id: "Make", seqNo: 4})

For those using Jquery, consider using this code:

$.extend({id: "Make", field: "make", seqNo: setvalue}, {id: "Make", seqNo: 4})

If a plain javascript function is needed, it can be found at:

In situations where there are two arrays of objects, utilizing map or another method to iterate through the array and apply the extending function to each element is necessary.

Answer 8

If you're utilizing underscorejs, it is recommended to utilize the following code for merging two objects:

_.extend({id: "Make", field: "make", seqNo: setvalue}, {id: "Make", seqNo: 4})

For those using Jquery, consider using this code:

$.extend({id: "Make", field: "make", seqNo: setvalue}, {id: "Make", seqNo: 4})

If a plain javascript function is needed, it can be found at:

In situations where there are two arrays of objects, utilizing map or another method to iterate through the array and apply the extending function to each element is necessary.

Answer 9

Answer №5

Thank you for presenting such a thought-provoking query.

Here is my approach utilizing the underscore library:

var result = _.zipWith(values, keys, function(item1, item2) {
    var mergedObject = _.assign({}, item1, item2);
    mergedObject.title = mergedObject.key; 
    delete mergedObject.key; 
    return mergedObject;
});

console.log(result);

Answer 10

Thank you for presenting such a thought-provoking query.

Here is my approach utilizing the underscore library:

var result = _.zipWith(values, keys, function(item1, item2) {
    var mergedObject = _.assign({}, item1, item2);
    mergedObject.title = mergedObject.key; 
    delete mergedObject.key; 
    return mergedObject;
});

console.log(result);

Answer 11

Answer №6

Check out this code snippet:

var colors = [{name: "Red",    id: 4},
        {name: "Green",  id: 1},
        {name: "Blue",   id: 2},
        {name: "Yellow", id: 3},
        {name: "Purple", id: 0}];

// setting null to id
var updatedColors = [
       {name: "Red", field: "redColor", id: null},
       {name: "Green", field: "greenColor", id: null},
       {name: "Blue", field: "blueColor", id: null},
       {name: "Yellow", field: "yellowColor", id: null},
       {name: "Purple", field: "purpleColor", id: null}
    ];

Assign values here:

Simply update like this:

   if(colors.length == updatedColors.length){
      for(var i=0; i<colors.length;i++){
         updatedColors[i].id = colors[i].id;
      }
    }
    else{ console.log('Error','length does not match')}

Alternatively:

You can directly assign if you have two objects:

var updatedColors = [
       {name: "Red", field: "redColor", id: colors[0].id},
       {name: "Green", field: "greenColor", id: colors[1].id},
       {name: "Blue", field: "blueColor", id: colors[2].id},
       {name: "Yellow", field: "yellowColor", id: colors[3].id},
       {name: "Purple", field: "purpleColor", id: colors[4].id}
    ];

Hope this explanation is clear for you...

Answer 12

Check out this code snippet:

var colors = [{name: "Red",    id: 4},
        {name: "Green",  id: 1},
        {name: "Blue",   id: 2},
        {name: "Yellow", id: 3},
        {name: "Purple", id: 0}];

// setting null to id
var updatedColors = [
       {name: "Red", field: "redColor", id: null},
       {name: "Green", field: "greenColor", id: null},
       {name: "Blue", field: "blueColor", id: null},
       {name: "Yellow", field: "yellowColor", id: null},
       {name: "Purple", field: "purpleColor", id: null}
    ];

Assign values here:

Simply update like this:

   if(colors.length == updatedColors.length){
      for(var i=0; i<colors.length;i++){
         updatedColors[i].id = colors[i].id;
      }
    }
    else{ console.log('Error','length does not match')}

Alternatively:

You can directly assign if you have two objects:

var updatedColors = [
       {name: "Red", field: "redColor", id: colors[0].id},
       {name: "Green", field: "greenColor", id: colors[1].id},
       {name: "Blue", field: "blueColor", id: colors[2].id},
       {name: "Yellow", field: "yellowColor", id: colors[3].id},
       {name: "Purple", field: "purpleColor", id: colors[4].id}
    ];

Hope this explanation is clear for you...

Answer 13

Answer №7

If you're looking to optimize your code in JavaScript, I recommend utilizing a for loop.

var names = [{id: "Make",   seqNo: 4},
        {id: "Model",  seqNo: 1},
        {id: "XModel", seqNo: 2},
        {id: "Rate",   seqNo: 3},
        {id: "Price",  seqNo: 0}];
var fields = [
       {id: "Make", field: "make", seqNo: 0},
       {id: "Model", field: "model", seqNo: 0},
       {id: "XModel", field: "model", seqNo: 0},
       {id: "Rate", field: "price", seqNo: 0},
       {id: "Price", field: "price", seqNo: 0 }
    ];
for (var indexFields in fields) {
   for(var indexNames in names){

   var objField = fields[indexFields];
   var objName = names[indexNames];
        if(objField.id == objName.id ){
          objField.seqNo = objName.seqNo;
        }
    }
}
console.log(fields)

Check out the JSFiddle demo here

I hope this solution proves helpful and efficient for your coding needs.

Answer 14

If you're looking to optimize your code in JavaScript, I recommend utilizing a for loop.

var names = [{id: "Make",   seqNo: 4},
        {id: "Model",  seqNo: 1},
        {id: "XModel", seqNo: 2},
        {id: "Rate",   seqNo: 3},
        {id: "Price",  seqNo: 0}];
var fields = [
       {id: "Make", field: "make", seqNo: 0},
       {id: "Model", field: "model", seqNo: 0},
       {id: "XModel", field: "model", seqNo: 0},
       {id: "Rate", field: "price", seqNo: 0},
       {id: "Price", field: "price", seqNo: 0 }
    ];
for (var indexFields in fields) {
   for(var indexNames in names){

   var objField = fields[indexFields];
   var objName = names[indexNames];
        if(objField.id == objName.id ){
          objField.seqNo = objName.seqNo;
        }
    }
}
console.log(fields)

Check out the JSFiddle demo here

I hope this solution proves helpful and efficient for your coding needs.

What is the method for assigning a value to a JSON object using data from another JSON object?

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Similar questions

Troubles arise when trying to load AngularJS using RequireJS within the application

Guide to migrating disk.db in sails.js to a MongoDB database

How about mixing up your backgrounds with an overlay effect for a unique look?

How to turn off automatic formatting in CKEditor

Looking to adjust the fill pattern dynamically

Tips for updating the content of multiple tabs in a container with just one tab in Bootstrap 4.x

:Incorporating active hyperlinks through javascript

Is PhantomJS or prerender.io still necessary for crawling websites?

Issues with the functionality of the shopping cart are causing a disruption

How to use RegExp to locate the final return statement within a JavaScript code string

"Implementing a sorting feature in a product filtering system with JavaScript/Vue, allowing

Enhance user interactivity by incorporating dynamic checkboxes, radio buttons, checkbox groups, and radio button groups using Ext

Passing parameters to a post request in Swift

Is it possible to customize the close icons on the autocomplete feature in Material UI?

Update your MySQL database with ease by leveraging the power of AJAX through a dropdown menu

Encountering issues with the Sequelize Model.prototype.(customFunction) feature malfunctioning

What are the proper methods for accurately testing vuex state and mutations?

Jquery fails to function properly unless the page is refreshed

Displaying Data in Table Using Ajax Request

React.js: The art of nesting components within each other