Is there a way to create identical copies of data with the identical names?

Question

Is there a way to create identical copies of data with the identical names?

Here is the code I have written:

this.temp1.push(this.json);

for(let i=0; i<this.temp1.length; i++){
    if(this.temp1[i].name == this.json.name){       
        this.orderList[i] = this.json;
        this.DBorder[i] = this.order_json;      
    }
    else{
        this.orderList.push(this.json);
        this.DBorder.push(this.order_json);
    }
}

This is my first input data:

[{"name":"Pad-Thai", "price":10,"amount":1,"total":10}]

Here is my second input data, now with a new amount included:

[{"name":"Pad-Thai", "price":10,"amount":3,"total":30}]

The current result of the process is as follows:

[{"name":"Pad-Thai", "price":10,"amount":3,"total":30},
{"name":"Pad-Thai", "price":10,"amount":3,"total":30}]

However, the expected result should be:

[{"name":"Pad-Thai", "price":10,"amount":3,"total":30}]

angular typescript

Answer 1

Answer №1

Verify the name and make updates if it already exists, otherwise add a new object to the array.

    const obj1 = { "name": "Pad-Thai", "price": 10, "amount": 1, "total": 10 };
        const obj2 = { "name": "Pad-Thai", "price": 10, "amount": 3, "total": 30 };
        const obj3 = { "name": "Some-Other-Dish", "price": 20, "amount": 2, "total": 40 };

        let temp1 = [];
        function addItem(obj) {
            let index = temp1.findIndex(x => x.name === obj.name);
            if (index > -1) {
                temp1[index] = obj;
            } else {
                temp1.push(obj);
            }
        }
        addItem(obj1);
        addItem(obj2);
        addItem(obj3);
        console.log('temp1 : ', temp1);

If an object with the same name has already been added, you can remove it using a for loop and finding its index or by reducing the loop.

    const output = [
        { "name": "Pad-Thai", "price": 10, "amount": 1, "total": 10 },
        { "name": "Pad-Thai", "price": 10, "amount": 3, "total": 30 },
        { "name": "Some-Other-Dish", "price": 20, "amount": 2, "total": 40 }
    ]

    let temp1 = [];
    output.forEach(obj => {
        let index = temp1.findIndex(x => x.name === obj.name);
        if (index > -1) {
            temp1[index] = obj;
        } else {
            temp1.push(obj);
        } 
    });
    console.log('temp1 : ', temp1);

Answer 2

Verify the name and make updates if it already exists, otherwise add a new object to the array.

    const obj1 = { "name": "Pad-Thai", "price": 10, "amount": 1, "total": 10 };
        const obj2 = { "name": "Pad-Thai", "price": 10, "amount": 3, "total": 30 };
        const obj3 = { "name": "Some-Other-Dish", "price": 20, "amount": 2, "total": 40 };

        let temp1 = [];
        function addItem(obj) {
            let index = temp1.findIndex(x => x.name === obj.name);
            if (index > -1) {
                temp1[index] = obj;
            } else {
                temp1.push(obj);
            }
        }
        addItem(obj1);
        addItem(obj2);
        addItem(obj3);
        console.log('temp1 : ', temp1);

If an object with the same name has already been added, you can remove it using a for loop and finding its index or by reducing the loop.

    const output = [
        { "name": "Pad-Thai", "price": 10, "amount": 1, "total": 10 },
        { "name": "Pad-Thai", "price": 10, "amount": 3, "total": 30 },
        { "name": "Some-Other-Dish", "price": 20, "amount": 2, "total": 40 }
    ]

    let temp1 = [];
    output.forEach(obj => {
        let index = temp1.findIndex(x => x.name === obj.name);
        if (index > -1) {
            temp1[index] = obj;
        } else {
            temp1.push(obj);
        } 
    });
    console.log('temp1 : ', temp1);

Answer 3

Answer №2

const data1 = [{
  "name": "Sushi",
  "price": 15,
  "amount": 2,
  "total": 30
}]
const data2 = [{
  "name": "Sushi",
  "price": 15,
  "amount": 2,
  "total": 60
}];

function combine(existing, updated, identifier) {
  const mappedData = updated.reduce((accumulator, element) => {
    return { ...accumulator,
      [element[identifier]]: element
    };
  }, {});

  return existing.map(element => {
    const modified = { ...element,
      ...mappedData[element[identifier]]
    };

    delete mappedData[element[identifier]];

    return modified;
  }).concat(Object.values(mappedData));
}

console.log(combine(data1, data2, "name"));

Answer 4

const data1 = [{
  "name": "Sushi",
  "price": 15,
  "amount": 2,
  "total": 30
}]
const data2 = [{
  "name": "Sushi",
  "price": 15,
  "amount": 2,
  "total": 60
}];

function combine(existing, updated, identifier) {
  const mappedData = updated.reduce((accumulator, element) => {
    return { ...accumulator,
      [element[identifier]]: element
    };
  }, {});

  return existing.map(element => {
    const modified = { ...element,
      ...mappedData[element[identifier]]
    };

    delete mappedData[element[identifier]];

    return modified;
  }).concat(Object.values(mappedData));
}

console.log(combine(data1, data2, "name"));

Is there a way to create identical copies of data with the identical names?

Answer №1

Answer №2

Similar questions

Definitions for TypeScript related to the restivus.d.ts file

Angular 2 RC 5 is facing an unhandled promise rejection issue that needs

The panning functionality on Android devices within the Firefox browser is currently experiencing issues with both panstart and pan

What are some techniques to encourage a grandchild to utilize the grandparent <router-outlet> within Angular 6?

What are the steps to resolve TypeScript errors in OpenLayers version 6.6.1?

There was an error in parsing the module: an unexpected token was encountered during the rendering

Facing issues with integrating Mixpanel with NestJS as the tracking function cannot be located

Ways to assign unpredictable values (such as ids, dates, or random numbers) to a Domain Entity or Aggregate Root when it has been injected as dependencies

Remove the main project from the list of projects to be linted in

Unable to utilize the "let" keyword in WebStorm

Comparing TypeScript's `return;` with `return undefined;`: which is better?

How can a singleton object be referenced or injected into a constant in Angular?

Ways to retrieve the initial 4 elements from an array or class organized by their price entries in ascending order

Struggling to access component variables within the setTimeout function

Customizing TinyMCE's font style menu options

What is the best way to display a Nested JSON structure without an object key?

What is the correct way to specify the type in my functional component?

Having issues transferring files from Angular 8 to NodeJS

Guide on incorporating a library into your Ionic application without the need to upload it to npm

HTML set hover & active states to remain active indefinitely