Changing an object into an array for saving and transforming it back to an array for usage in JavaScript

Question

Changing an object into an array for saving and transforming it back to an array for usage in JavaScript

I am dealing with a unique situation where I have an object created from dynamic checkboxes in Angular. The structure of the object looks like this:

{"United States":true,"Canada":true,"Australia":false}

While this format works well for storing values, I need to convert it into an array in order to perform database searches on the country values and save it to MongoDB/Mongoose as follows:

["United States":true,"Canada":true,"Australia":false]

After performing the database operation, I would then need to convert it back to the original object type for application use.

Can anyone suggest the simplest method to achieve this conversion process?

javascript arrays angularjs object mongoose

Answer 1

Answer №1

If I were to fill in the missing values, they might look like this:

"string", boolean, "string", boolean, "string", boolean

Here's how you can achieve this:

// Begin with the object...
var countryObject = {"United States":true,"Canada":true,"Australia":false};

// ... simplify it for explanation purposes:
var countryObject = {"A":true,"B":true,"C":false};

var compact = [];
for(var prop in countryObject){
    compact.push( prop );
    compact.push( countryObject[prop] );
}

// The 'compact' array now contains interpolated values:
// ["A", true, "B", false, "C", true];

Just so you know, you can efficiently search the array by locating the index of the string value and then adding 1 to retrieve its corresponding boolean value:

var foundIndex = compact.indexOf("B");
var result;
if(foundIndex > -1){
    result = countryArray[foundIndex + 1];
}

To reassemble the pieces:

var compact = ["A", true, "B", false, "C", true];
var countryObject = {};
for(var i=0; i<compact.length; i+= 2){
    countryObject[compact[i]] = compact[i+1];
}

Answer 2

If I were to fill in the missing values, they might look like this:

"string", boolean, "string", boolean, "string", boolean

Here's how you can achieve this:

// Begin with the object...
var countryObject = {"United States":true,"Canada":true,"Australia":false};

// ... simplify it for explanation purposes:
var countryObject = {"A":true,"B":true,"C":false};

var compact = [];
for(var prop in countryObject){
    compact.push( prop );
    compact.push( countryObject[prop] );
}

// The 'compact' array now contains interpolated values:
// ["A", true, "B", false, "C", true];

Just so you know, you can efficiently search the array by locating the index of the string value and then adding 1 to retrieve its corresponding boolean value:

var foundIndex = compact.indexOf("B");
var result;
if(foundIndex > -1){
    result = countryArray[foundIndex + 1];
}

To reassemble the pieces:

var compact = ["A", true, "B", false, "C", true];
var countryObject = {};
for(var i=0; i<compact.length; i+= 2){
    countryObject[compact[i]] = compact[i+1];
}

Answer 3

Answer №2

Your request seems a bit confusing because the array shown is actually an associative array with key-value pairs, which in JavaScript is considered an object.

If you want to create an array with key-value pairs, you can do it like this:

var sampleArray = [];
sampleArray['example'] = 1;

Just keep in mind that when you add key-value pairs to an array in JavaScript, you are essentially treating the array as an object.

Answer 4

Your request seems a bit confusing because the array shown is actually an associative array with key-value pairs, which in JavaScript is considered an object.

If you want to create an array with key-value pairs, you can do it like this:

var sampleArray = [];
sampleArray['example'] = 1;

Just keep in mind that when you add key-value pairs to an array in JavaScript, you are essentially treating the array as an object.

Changing an object into an array for saving and transforming it back to an array for usage in JavaScript

Answer №1

Answer №2

Similar questions

FullCalendar Angular 10 not displaying correct initial view

Transforming CSV files into JSON format using d3.js

Deciphering the intricacies of the http request

Activeadmin prefers angular js routes over rails routes

When would this be required within JavaScript or Angular?

Chrome on IOS: Experiencing screen freezing while scrolling

"Exploring the world of AngularJS Datepicker alongside the power

increase the selected date in an Angular datepicker by 10 days

Searching Firestore arrays for objects based on one of two fields

Determine if a certain value is present in a JSON data structure

How to access a variable from within a Phonegap DB function and return it outside of the

Create a new button dynamically within an HTML table row using pure JavaScript programming techniques

When using the .append method in jQuery, the JSON array only displays the last value of the array when iterating through it with

Combining Django's CSRF token with AngularJS

Removing CSS from an HTML document using Gulp

Retrieve targeted information from the Coin Market Cap API by extracting specific data values using an array

What is the best way to sort a combination of numbers and text strings?

Code snippet for fetching JavaScript file using Angular's caching mechanism

How to handle Component binding change events in AngularJS

Tips for adding a CSS marker to the Videogular timeline at a designated time