Converting variable data into a JSON array format

Question

Converting variable data into a JSON array format

Currently, I am in the process of setting up header bidding with Prebid. My approach involves loading the desired ads from a database using PHP and MySQL, followed by creating text variables in JavaScript with the PHP data.

The issue arises when I attempt to create the "adUnits" variable. While manually writing the content directly works fine, replicating the same process using JavaScript results in failure.

Here is the code that functions correctly:

var adUnits = [{
     code: '/123/468x60',
     mediaTypes: {
         banner: {
             sizes: [
                 [468, 60]
             ]
         }
     },
     bids: [{
         bidder: 'adserver',
         params: {
             networkId: 1234
         }
     }]
 }, {
     code: '/123/336x280',
     mediaTypes: {
         banner: {
             sizes: [
                 [336, 280],
                 [300, 250]
             ]
         }
     },
     bids: [{
         bidder: 'adserver',
         params: {
             networkId: 1234
         }
     }]
 }, {
     code: '/123/300x600',
     mediaTypes: {
         banner: {
             sizes: [
                 [300, 600],
                 [300, 250]
             ]
         }
     },
     bids: [{
         bidder: 'adserver',
         params: {
             networkId: 1234
         }
     }]
 }];

And here is the code that isn't working:

var arrayadsname = adsname.split('#'); // Content of arrayadsname => /123/468x60#/123/336x280#/123/300x600
var arrayadssize = adssize.split('#'); // Content of arrayadssize => 468x60#336,280|300,250#300,600|300,250
var arraysize = '';
var ad = '';
var adUnits = [];
var preadUnits = '';

for (var i = 0; i < arrayadsname.length; i++) {  
    var arraysizeparts = arrayadssize[i].split('|');

    for (var j = 0; j < arraysizeparts.length; j++) {
        if (j == 0) {
            arraysize = '[' + arraysizeparts[j] + ']';
        } else {
            arraysize = arraysize + ',' + '[' + arraysizeparts[j] + ']';
        }
    }

    ad = '{code: \'' + arrayadsname[i] + '\', mediaTypes: {banner: {sizes: ' + '[' + arraysize + ']' + '}}, bids: [{bidder: \'adserver\', params: {networkId: 1234}}]}';

    if (i == 0) preadUnits = ad;
    else preadUnits = preadUnits + ',' + ad;
}

// Result of ad => {code: '/123/468x60', mediaTypes: {banner: {sizes: [[468,60]] }}, bids: [{bidder: 'adserver', params: {networkId: 1234}}]}, {code: '/123/336x280', mediaTypes: {banner: {sizes: [[336,280],[300,250]]}}, bids: [{bidder: 'adserver', params: {networkId: 1234}}]}, {code: '/123/300x600', mediaTypes: {banner: {sizes: [[300,600],[300,250]]}}, bids: [{bidder: 'adserver', params: {networkId: 1234}}]}

adUnits = "[" + JSON.stringify(preadUnits) + "]";

I have attempted various combinations by declaring the variable adUnits as an object, array, and text, utilizing JSON.stringify, JSON.parse, and also declaring "arraysize" as an array and parsing it. However, I am unable to identify the root cause of the issue.

Upon checking the console, I noticed this error: "callee: [Exception: TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them at Arguments.invokeGetter".

Thank you in advance.

javascript arrays json prebid.js

Answer 1

Answer №1

To begin, create an array of sizes for each item in the adssize. For example, transform '300,600|300,250' into [[300, 600], [300, 250]]. Next, use this array to construct the adUnits object by mapping the codes (split by #) and accessing the corresponding index in the sizes array:

const codes = '/123/468x60#/123/336x280#/123/300x600'.split('#');
const sizes = '468x60#336,280|300,250#300,600|300,250'
  .split('#')
  .map(
    // str is something like: '300,600|300,250'
    str => str.split('|').map(
      // substr is something like: '300,600'
      substr => substr.split(/[,x]/).map(Number)
    )
  );

const adUnits = codes.map((code, i) => ({
  code,
  mediaTypes: {
    banner: {
      sizes: sizes[i]
    }
  },
  bids: [{
     bidder: 'adserver',
     params: {
         networkId: 1234
     }
  }]
}));
console.log(adUnits);

If you need the output in JSON format instead of an object, you can use JSON.stringify after the construction:

const codes = '/123/468x60#/123/336x280#/123/300x600'.split('#');
const sizes = '468x60#336,280|300,250#300,600|300,250'
  .split('#')
  .map(
    // str is something like: '300,600|300,250'
    str => str.split('|').map(
      // substr is something like: '300,600'
      substr => substr.split(/[,x]/).map(Number)
    )
  );

const adUnits = codes.map((code, i) => ({
  code,
  mediaTypes: {
    banner: {
      sizes: sizes[i]
    }
  },
  bids: [{
     bidder: 'adserver',
     params: {
         networkId: 1234
     }
  }]
}));
console.log(JSON.stringify(adUnits, null, 2));

Answer 2

To begin, create an array of sizes for each item in the adssize. For example, transform '300,600|300,250' into [[300, 600], [300, 250]]. Next, use this array to construct the adUnits object by mapping the codes (split by #) and accessing the corresponding index in the sizes array:

const codes = '/123/468x60#/123/336x280#/123/300x600'.split('#');
const sizes = '468x60#336,280|300,250#300,600|300,250'
  .split('#')
  .map(
    // str is something like: '300,600|300,250'
    str => str.split('|').map(
      // substr is something like: '300,600'
      substr => substr.split(/[,x]/).map(Number)
    )
  );

const adUnits = codes.map((code, i) => ({
  code,
  mediaTypes: {
    banner: {
      sizes: sizes[i]
    }
  },
  bids: [{
     bidder: 'adserver',
     params: {
         networkId: 1234
     }
  }]
}));
console.log(adUnits);

If you need the output in JSON format instead of an object, you can use JSON.stringify after the construction:

const codes = '/123/468x60#/123/336x280#/123/300x600'.split('#');
const sizes = '468x60#336,280|300,250#300,600|300,250'
  .split('#')
  .map(
    // str is something like: '300,600|300,250'
    str => str.split('|').map(
      // substr is something like: '300,600'
      substr => substr.split(/[,x]/).map(Number)
    )
  );

const adUnits = codes.map((code, i) => ({
  code,
  mediaTypes: {
    banner: {
      sizes: sizes[i]
    }
  },
  bids: [{
     bidder: 'adserver',
     params: {
         networkId: 1234
     }
  }]
}));
console.log(JSON.stringify(adUnits, null, 2));

Converting variable data into a JSON array format

Answer №1

Similar questions

Express Vue Production Problem

Why is the ionChange/ngModelChange function being triggered from an ion-checkbox even though I did not specifically call it?

Pondering in AngularJS - what is the best way to alter the DOM during an AJAX call?

Firefox is mistakenly interpreting a pasted image from the clipboard as a string instead of a file, causing

Preserving State in React Router Through Page Reload

Prevent User Access to Start Button During Browser Request Processing

When going through an array using jquery, only the final object is returned

Issue: React-Firebase-Hooks failing to retrieve dataHaving trouble with React-F

Converting user inputs and dropdown selections into JSON format using PHP

Tips for changing between two texts within a button when clicked

Unable to load page redirection

From where does the require.js file originate?

Encountering a issue while swapping the base address of a 2D array with a third variable

Removing chips in Material UI can be easily accomplished by following these steps

Maintaining accurate type-hinting with Typescript's external modules

Sophisticated method in JavaScript to conceal and reveal div elements

Create a chronological timeline based on data from a JSON object

Interact with a React dropdown using SeleniumBase

Can you explain the significance of 1e9 in the context of NodeJS hrtime?

Challenges with Loading Picasso Images in Recycler View