Combine the string values of objects in a specific order where they exist

Question

Combine the string values of objects in a specific order where they exist

I have received an object with address details in alphabetical order that I need to extract a specific subset from and display them in a different sequence.

Some keys may have an empty string instead of no data at all.

const address = {
  buildingName: '',
  company: 'My org',
  county: 'My County',
  postCode: 'My Postcode',
  streetName: 'My street',
  townCity: 'My Town'
};

I am aware that I can retrieve all values by using:

Object.keys(address).filter(Boolean).join(', ')

However, I want the information to be displayed in the following order:

company, buildingName, streetName, townCity, county, postCode

.

Is there a way for me to modify my current solution or should I consider a different approach?

javascript arrays object filter

Answer 1

Answer №1

If you require a custom order, you will need to manually create the object. One option is to use a template array, which provides a similar solution.

const address = {
    buildingName: '',
    company: 'My org',
    county: 'My County',
    postCode: 'My Postcode',
    streetName: 'My street',
    townCity: 'My Town'
};

const tmp = ["company", "buildingName", "streetName", "townCity", "county", "postCode"];
let s = "";
tmp.forEach(key => {
    const v = address[key];
    if(v) {
        if(s) s += ", ";
        s += v;
    }
});
console.log(s);

Answer 2

If you require a custom order, you will need to manually create the object. One option is to use a template array, which provides a similar solution.

const address = {
    buildingName: '',
    company: 'My org',
    county: 'My County',
    postCode: 'My Postcode',
    streetName: 'My street',
    townCity: 'My Town'
};

const tmp = ["company", "buildingName", "streetName", "townCity", "county", "postCode"];
let s = "";
tmp.forEach(key => {
    const v = address[key];
    if(v) {
        if(s) s += ", ";
        s += v;
    }
});
console.log(s);

Answer 3

Answer №2

To establish a specific order for address components, consider creating an array called addressOrder. Then utilize the Array.reduce() method to assemble the output address.

The address will only be included in the final output if it exists within the address object.

Lastly, combine the address components using the designated delimiter.

const address = {
  buildingName: 'Nakatomi Towers',
  company: 'Nakatomi Corp.',
  county: 'LA County',
  postCode: '90067',
  streetName: 'Century City',
  townCity: 'LA'
};

function formatAddress(address, addressOrder, delimiter = ', ') { 
    return addressOrder.reduce((outputFields, field) => { 
        if (address[field]) {
            outputFields.push(address[field]);  
        }
        return outputFields;
    }, []).join(delimiter);
}

const order1 = ['company','buildingName','streetName','townCity','county','postCode']
const order2 = ['buildingName','streetName','townCity','postCode']

console.log('Address:', formatAddress(address, order1))
console.log('\nAddress (alt. format):\n' + formatAddress(address, order2, '\n'))

.as-console-wrapper { max-height: 100% !important; }

Answer 4

To establish a specific order for address components, consider creating an array called addressOrder. Then utilize the Array.reduce() method to assemble the output address.

The address will only be included in the final output if it exists within the address object.

Lastly, combine the address components using the designated delimiter.

const address = {
  buildingName: 'Nakatomi Towers',
  company: 'Nakatomi Corp.',
  county: 'LA County',
  postCode: '90067',
  streetName: 'Century City',
  townCity: 'LA'
};

function formatAddress(address, addressOrder, delimiter = ', ') { 
    return addressOrder.reduce((outputFields, field) => { 
        if (address[field]) {
            outputFields.push(address[field]);  
        }
        return outputFields;
    }, []).join(delimiter);
}

const order1 = ['company','buildingName','streetName','townCity','county','postCode']
const order2 = ['buildingName','streetName','townCity','postCode']

console.log('Address:', formatAddress(address, order1))
console.log('\nAddress (alt. format):\n' + formatAddress(address, order2, '\n'))

.as-console-wrapper { max-height: 100% !important; }

Answer 5

Answer №3

After experimenting with Jan Pfeifer and Gog's solutions, I was able to create a solution that worked for my needs.

I discovered that fields without values were not returned as empty strings but were simply omitted, which actually made things easier.

const ADDRESS_ORDER = ['company', 'buildingName', 'streetName', 'townCity', 'county', 'postCode'];

return const addressString = ADDRESS_ORDER
    .filter(detail => Object.keys(address).includes(detail))
    .map(key => address[key])
    .join(', ');

const ADDRESS_ORDER = ['company', 'buildingName', 'streetName', 'townCity', 'county', 'postCode'];

const address = {
  company: 'My org',
  county: 'My County',
  postCode: 'My Postcode',
  streetName: 'My street',
  townCity: 'My Town'
};

const result = ADDRESS_ORDER
    .filter(detail => Object.keys(address).includes(detail))
    .map(key => address[key])
    .join(', ');
    
console.log({result});

If this task became more complex, I might consider consolidating the filter and map into a reduce, but for now, it seems unnecessary.

Answer 6

After experimenting with Jan Pfeifer and Gog's solutions, I was able to create a solution that worked for my needs.

I discovered that fields without values were not returned as empty strings but were simply omitted, which actually made things easier.

const ADDRESS_ORDER = ['company', 'buildingName', 'streetName', 'townCity', 'county', 'postCode'];

return const addressString = ADDRESS_ORDER
    .filter(detail => Object.keys(address).includes(detail))
    .map(key => address[key])
    .join(', ');

const ADDRESS_ORDER = ['company', 'buildingName', 'streetName', 'townCity', 'county', 'postCode'];

const address = {
  company: 'My org',
  county: 'My County',
  postCode: 'My Postcode',
  streetName: 'My street',
  townCity: 'My Town'
};

const result = ADDRESS_ORDER
    .filter(detail => Object.keys(address).includes(detail))
    .map(key => address[key])
    .join(', ');
    
console.log({result});

If this task became more complex, I might consider consolidating the filter and map into a reduce, but for now, it seems unnecessary.

Combine the string values of objects in a specific order where they exist

Answer №1

Answer №2

Answer №3

Similar questions

Navigating C pointers with casting types

What is the process to subscribe and obtain data from a server-to-user channel using pusher-js?

What are the best practices for implementing media queries in Next.js 13.4?

Choosing a default selection in a nested v-for loop for a select box

What is the most efficient way to traverse two or more lists in linear time complexity?

Declaration of String Arrays

Issue found in React Js test - TypeError: source.on does not exist as a function

Are the Node.JS environment variables missing?

Tips for creating a responsive carousel slider for images

Task on arrays in C programming for homework

unique jquery plugin accesses function from external javascript file

Switching from class components to function components in Ant Design

Tips for toggling the visibility of a flexbox-styled popup using jQuery

Exploring the magic of Hover effects using CSS and JQuery

Using an object to set formData

Tips on updating checkbox background color after being selected

How to bypass or exclude a value in a numpy array?

"Having an issue with the jQuery AJAX call where the success function is not operating as expected

Exclude specific keys from an array

Launching shuttles using HTML and JavaScript