Replace string values with an object array for a particular property

Question

Replace string values with an object array for a particular property

When faced with the task of replacing specific string values defined by the user in an array of objects, but only applying the rules to certain properties, there is a need for a more efficient approach. For instance, consider the array below:

[
{Name: 'Name1 Address', Fullname: 'Fullname1', Address: 'Address1'},
{Name: 'Name2', Fullname: 'Fullname2', Address: 'Address2'},
{Name: 'Name3', Fullname: 'Fullname3', Address: 'Address3'}
]

If the user wishes to substitute the word 'address' with 'test' exclusively within the 'Name' property, the updated array would appear as follows:

[
{Name: 'Name1 test', Fullname: 'Fullname1', Address: 'Address1'},
{Name: 'Name2', Fullname: 'Fullname2', Address: 'Address2'},
{Name: 'Name3', Fullname: 'Fullname3', Address: 'Address3'}
]

Given the potential for numerous objects within the array and various user-defined substitution rules, methods are needed to streamline this process without requiring manual replacement on each item for a specific property.

typescript

Answer 1

Answer №1

Uncertain if a specific type or function is required for this task, so here are examples of both:

const data = [
    { Name: 'Name1 Address', Fullname: 'Fullname1', Address: 'Address1' },
    { Name: 'Name2', Fullname: 'Fullname2', Address: 'Address2' },
    { Name: 'Name3', Fullname: 'Fullname3', Address: 'Address3' },
] as const;

// Modifying types
type UpdatedAddress<T extends typeof data> = [
    ...{
        [K in keyof T]: {
            // Assuming all "Name" properties follow a similar format.
            Name: T[K]['Name'] extends `Name${infer I} Address` ? `Name${I} test` : T[K]['Name'];
            Fullname: T[K]['Fullname'];
            Address: T[K]['Address'];
        };
    }
];

let b: UpdatedAddress<typeof data>;

// Actual modification
const updateAddress = <T extends typeof data>(entries: T) => {
    return entries.map((entry) => ({
        ...entry,
        Name: entry.Name.replace(/Address/g, 'test'),
    })) as UpdatedAddress<T>;
};

console.log(updateAddress(data));

Compiled:

"use strict";
const data = [
    { Name: 'Name1 Address', Fullname: 'Fullname1', Address: 'Address1' },
    { Name: 'Name2', Fullname: 'Fullname2', Address: 'Address2' },
    { Name: 'Name3', Fullname: 'Fullname3', Address: 'Address3' },
];
let b;
const updateAddress = (entries) => {
    return entries.map((entry) => ({
        ...entry,
        Name: entry.Name.replace(/Address/g, 'test'),
    }));
};
console.log(updateAddress(data));

Answer 2

Uncertain if a specific type or function is required for this task, so here are examples of both:

const data = [
    { Name: 'Name1 Address', Fullname: 'Fullname1', Address: 'Address1' },
    { Name: 'Name2', Fullname: 'Fullname2', Address: 'Address2' },
    { Name: 'Name3', Fullname: 'Fullname3', Address: 'Address3' },
] as const;

// Modifying types
type UpdatedAddress<T extends typeof data> = [
    ...{
        [K in keyof T]: {
            // Assuming all "Name" properties follow a similar format.
            Name: T[K]['Name'] extends `Name${infer I} Address` ? `Name${I} test` : T[K]['Name'];
            Fullname: T[K]['Fullname'];
            Address: T[K]['Address'];
        };
    }
];

let b: UpdatedAddress<typeof data>;

// Actual modification
const updateAddress = <T extends typeof data>(entries: T) => {
    return entries.map((entry) => ({
        ...entry,
        Name: entry.Name.replace(/Address/g, 'test'),
    })) as UpdatedAddress<T>;
};

console.log(updateAddress(data));

Compiled:

"use strict";
const data = [
    { Name: 'Name1 Address', Fullname: 'Fullname1', Address: 'Address1' },
    { Name: 'Name2', Fullname: 'Fullname2', Address: 'Address2' },
    { Name: 'Name3', Fullname: 'Fullname3', Address: 'Address3' },
];
let b;
const updateAddress = (entries) => {
    return entries.map((entry) => ({
        ...entry,
        Name: entry.Name.replace(/Address/g, 'test'),
    }));
};
console.log(updateAddress(data));

Replace string values with an object array for a particular property

Answer №1

Similar questions

Shared validation between two input fields in Angular 2+

Encountering overload error with Vue 3 and Axios integration

Generating a dynamic table using Angular

Promise rejection not handled: The play() function was unsuccessful as it requires the user to interact with the document beforehand

What is the best way to showcase the outcomes of arithmetic calculations on my calculator?

Encountering a challenge when upgrading to eslint version 9.0.0

Can you explain the significance of the symbol ! when declaring a variable in TypeScript?

Retrieve the total number of hours within a designated time frame that falls within a different time frame

Guide to accessing a newly opened window from a different domain originating from the current window

Encountering an issue of THREE.EventDispatcher being undefined while trying to create a THREE.OrbitControls instance using THREE.js, THREE.OrbitControls, and TypeScript

Guide on setting up a route in Next.js

Tips for incorporating moment.js library into an Angular 2 TypeScript application

Issue with Validators in Model-driven Forms

Undefined Perception

Error encountered while attempting to resume activity: TypeError - the function `callResume` is not defined in NativeScript Angular 2

Differentiate the array type within an object in TypeScript

What is the correct location to import a custom theme in MUI for Next.js?

What factors should I consider when determining whether to include @types/* in the `dependencies` or `devDependencies` section?

Utilizing objects as values with `react-hook-form`

Issue with Click event not working on dynamically added button in Angular 8