Remove an element from a mapping of type <String,String> in Javascript

Question

Remove an element from a mapping of type <String,String> in Javascript

Question! How can I remove a specific element from this JavaScript object by its ID?

[  
   "{\"id\":\"b00a3a47-783a-4af5-90d9-59c4deb7a9e3\",\"notes\":\"sdfsdf\",\"recordType\":0}",
   "{\"id\":\"a6f72972-502e-452b-9773-51699a527122\",\"notes\":\"sdfsfdf\",\"recordType\":0}"
]

I attempted the following code snippet:

var index = detailsArray.map(function (element) {
                    console.log("element = " + JSON.stringify(element) + " index = " + index + " id = " + element.id);
                    return element.id;
                }).indexOf(detailId);
                console.log("index of " + detailId + " = " + index);
                delete detailsArray[index];

However, I encountered an issue where element.id was returned as undefined. I suspect this is due to the properties of the element being in string format. Any suggestions on how to fix this?

javascript arrays dictionary

Answer 1

Answer №1

The collection consists of an array of JSON strings.
To conduct a filtering process, one must decode each element and verify the id for equivalence:

var jsonArr = [
   "{\"id\":\"b00a3a47-783a-4af5-90d9-59c4deb7a9e3\",\"notes\":\"sdfsdf\",\"recordType\":0}",
   "{\"id\":\"a6f72972-502e-452b-9773-51699a527122\",\"notes\":\"sdfsfdf\",\"recordType\":0}"
];

var filteredResult = jsonArr.filter(function(item) {
  return JSON.parse(item).id !== 'a6f72972-502e-452b-9773-51699a527122';
});

View the demonstration on JSFiddle here.

Answer 2

The collection consists of an array of JSON strings.
To conduct a filtering process, one must decode each element and verify the id for equivalence:

var jsonArr = [
   "{\"id\":\"b00a3a47-783a-4af5-90d9-59c4deb7a9e3\",\"notes\":\"sdfsdf\",\"recordType\":0}",
   "{\"id\":\"a6f72972-502e-452b-9773-51699a527122\",\"notes\":\"sdfsfdf\",\"recordType\":0}"
];

var filteredResult = jsonArr.filter(function(item) {
  return JSON.parse(item).id !== 'a6f72972-502e-452b-9773-51699a527122';
});

View the demonstration on JSFiddle here.

Answer 3

Answer №2

It appears that the strings need to be parsed as JSON. To address this issue, I have provided a solution that directly modifies the detailsArray by eliminating the problematic index. Here is an implementation of a callback-based kind of indexOf using Array.prototype.reduce

var index = detailsArray.reduce(function(prev, curr, idx) {
    return prev === -1 && JSON.parse(curr).id === detailId ?
        idx : prev;
}, -1);
if (index > -1) {
    detailsArray.splice(index, 1);
}

var detailsArray = [
      "{\"id\":\"b00a3a47-783a-4af5-90d9-59c4deb7a9e3\",\"notes\":\"sdfsdf\",\"recordType\":0}",
      "{\"id\":\"a6f72972-502e-452b-9773-51699a527122\",\"notes\":\"sdfsfdf\",\"recordType\":0}"
   ],
   detailId = 'a6f72972-502e-452b-9773-51699a527122';
    
var index = detailsArray.reduce(function(prev, curr, idx) {
  return prev === -1 && JSON.parse(curr).id === detailId ?
    idx : prev;
}, -1);
if (index > -1) {
    detailsArray.splice(index, 1);
}

document.getElementById('out').innerHTML += JSON.stringify(detailsArray, null, '  ');

<pre id="out">detailsArray = </pre>

Answer 4

It appears that the strings need to be parsed as JSON. To address this issue, I have provided a solution that directly modifies the detailsArray by eliminating the problematic index. Here is an implementation of a callback-based kind of indexOf using Array.prototype.reduce

var index = detailsArray.reduce(function(prev, curr, idx) {
    return prev === -1 && JSON.parse(curr).id === detailId ?
        idx : prev;
}, -1);
if (index > -1) {
    detailsArray.splice(index, 1);
}

var detailsArray = [
      "{\"id\":\"b00a3a47-783a-4af5-90d9-59c4deb7a9e3\",\"notes\":\"sdfsdf\",\"recordType\":0}",
      "{\"id\":\"a6f72972-502e-452b-9773-51699a527122\",\"notes\":\"sdfsfdf\",\"recordType\":0}"
   ],
   detailId = 'a6f72972-502e-452b-9773-51699a527122';
    
var index = detailsArray.reduce(function(prev, curr, idx) {
  return prev === -1 && JSON.parse(curr).id === detailId ?
    idx : prev;
}, -1);
if (index > -1) {
    detailsArray.splice(index, 1);
}

document.getElementById('out').innerHTML += JSON.stringify(detailsArray, null, '  ');

<pre id="out">detailsArray = </pre>

Remove an element from a mapping of type <String,String> in Javascript

Answer №1

Answer №2

Similar questions

Passing a variable between functions in JavaScript: Tips and tricks

Are these two sections of my code distinctive in functionality? Do they both address potential errors in the same manner?

The cursor is located on the right side instead of the usual left side

When dealing with errors in fetching JSON data, consider implementing a robust error handling strategy and

"Implementing React to dynamically load and update value in component, enabling user interaction with the

Struggling to make Reactable work with React Native because of the error "Invariant Violation: View config not found for name input"

Steps for saving data to a JSON file in a React application

Ways to move down only one level of an element's children, excluding sub-levels

Is it possible to update JavaScript on mobile devices?

Prettier eliminates the need for parentheses in mathematical expressions

Seeking assistance to prevent data duplication when transferring information from list1 to list2 in React.js

Should I wait for my state to be updated with new information before triggering the render function?

Troubleshooting issue: Chrome bug causing JavaScript full height intro section to have incorrect padding and display issues

Would parallax stars be overwhelming for a webpage?

The data submitted from the form did not successfully get inserted into the database row

Switch out a specific string within a JavaScript object

Improvement in Select2 Change Event: Update the subsequent select2 box options based on the value change in the preceding select2 box

What is the best way to enhance the class following this condition in JavaScript?

Having trouble resolving this technical problem in Express.js and JavaScript programming

Using jQuery to adjust the length of a string to fit within a specific width