Delete Record from JSON Object Javascript

Question

If I have the filename and want to delete an entire record for example filename 3.jpg I want to delete the entire record for that filename. how do I do that? a bit more specifics is I want to remove this record { "status": "success", "filename": "3.jpg", "mainpic": "false", "fullurl": "../userimages/5c49c449-50b4-43e4-b218-5913b59bd994.jpg" },

[
{
    "status": "success",
    "filename": "1.jpg",
    "mainpic": "false",
    "fullurl": "../userimages/f0380e08-18de-4fdb-80a2-a912809bda97.jpg"
},
{
    "status": "success",
    "filename": "2.jpg",
    "mainpic": "false",
    "fullurl": "../userimages/7a4362c8-c9c5-48ee-8672-c332eae59f37.jpg"
},
{
    "status": "success",
    "filename": "3.jpg",
    "mainpic": "false",
    "fullurl": "../userimages/5c49c449-50b4-43e4-b218-5913b59bd994.jpg"
},
{
    "status": "success",
    "filename": "eb0b4954-342c-4c3b-87fe-4744511c1b80.jpg",
    "mainpic": "false",
    "fullurl": "../userimages/eb0b4954-342c-4c3b-87fe-4744511c1b80.jpg"
},
{
    "status": "success",
    "filename": "e23ce9e8-5062-41d4-8aea-d11aa795ac45.jpg",
    "mainpic": "true",
    "fullurl": "../userimages/e23ce9e8-5062-41d4-8aea-d11aa795ac45.jpg"
},
{
    "status": "success",
    "filename": "d6343604-e6eb-4caa-82bf-2b5c2b346f71.jpg",
    "mainpic": "false",
    "fullurl": "../userimages/d6343604-e6eb-4caa-82bf-2b5c2b346f71.jpg"
},
{
    "status": "success",
    "filename": "9768f36a-61b8-4f15-995c-28e38dfe48ad.JPG",
    "mainpic": "false",
    "fullurl": "../userimages/9768f36a-61b8-4f15-995c-28e38dfe48ad.JPG"
}

]

If possible, it's better if you stop it from coming into your json result, when you requset the files. You dont use as much bandwidth and you dont have change your json object :-) — mimo
– mimo, Commented Mar 14, 2012 at 6:14

Nemoy · Accepted Answer · 2012-03-14 06:17:02Z

4

Try this function:

function deleteRecordByFileName (myArr, fileName) {
    var index = null;
    for (var i =0; i < myArr.length; i++) {
        if (myArr[i].filename === fileName) {
            index = i;
            break;
        }
    }
    if (index !== null) {
        myArr.splice(index, 1);
    }
}

and call deleteRecordByFileName (yourArray, "3.jpg");

answered Mar 14, 2012 at 6:17

Nemoy

3,4471 gold badge17 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Umesh Patil · Accepted Answer · 2012-03-14 06:22:43Z

1

There is one simple solution for this..

        var destArr=[];
        var srcArr=[{status:"success",filename:"1.jpg",mainpic:"false",fullurl:"../userimages/f0380e08-18de-4fdb-80a2-a912809bda97.jpg"},{status:"success",filename:"2.jpg",mainpic:"false",fullurl:"../userimages/7a4362c8-c9c5-48ee-8672-c332eae59f37.jpg"},{status:"success",filename:"3.jpg",mainpic:"false",fullurl:"../userimages/5c49c449-50b4-43e4-b218-5913b59bd994.jpg"},{status:"success",filename:"eb0b4954-342c-4c3b-87fe-4744511c1b80.jpg",mainpic:"false",fullurl:"../userimages/eb0b4954-342c-4c3b-87fe-4744511c1b80.jpg"},{status:"success",filename:"e23ce9e8-5062-41d4-8aea-d11aa795ac45.jpg",mainpic:"true",fullurl:"../userimages/e23ce9e8-5062-41d4-8aea-d11aa795ac45.jpg"},{status:"success",filename:"d6343604-e6eb-4caa-82bf-2b5c2b346f71.jpg",mainpic:"false",fullurl:"../userimages/d6343604-e6eb-4caa-82bf-2b5c2b346f71.jpg"},{status:"success",filename:"9768f36a-61b8-4f15-995c-28e38dfe48ad.JPG",mainpic:"false",fullurl:"../userimages/9768f36a-61b8-4f15-995c-28e38dfe48ad.JPG"}];
        for(i in srcArr){ 
          if(srcArr[i].filename!="3.jpg") 
                destArr[i]=srcArr[i];
          }
        // destJson contains the content excluding node with 3.jpg
        //You can replace the original content with destJson
        srcArr=destArr; 
//Now srcArr contains everything excluding with 3.jpg

What I did is, I iterated the source array and passed Json nodes into destination array if file name is not equal to '3.jpg'. You can replace srcArr by destArray again to have result into original JSON.

answered Mar 14, 2012 at 6:22

Umesh Patil

10.7k16 gold badges56 silver badges81 bronze badges

2 Comments

scripter78 Over a year ago

with a bit of modification I did get this one to work. it had the same issue as westo's providing a null record.

scripter78 Over a year ago

var p = 0; for (i in picturearr) { if (picturearr[i].filename != n) { destArr[p] = picturearr[i]; p++; } }

tuoxie007 · Accepted Answer · 2012-03-14 07:07:16Z

1

shorter than Nemoy's answer

(function (myArr, fileName) {
    for (var i =0; i < myArr.length; i++) {
        if (myArr[i].filename === fileName) {
            myArr.splice(i, 1);
            return;
        }
    }
})(srcArr, "3.jpg");

answered Mar 14, 2012 at 7:07

tuoxie007

1,23612 silver badges10 bronze badges

1 Comment

scripter78 Over a year ago

I am afraid to say I am not sure how to even impliment this one

westo · Accepted Answer · 2012-03-14 06:18:48Z

0

This will do the trick. Could be nicer using jQuery.

for( var i in demo ) {
    if(demo[i].filename === "3.jpg") {
        delete demo[i];
    }
}

answered Mar 14, 2012 at 6:18

westo

5752 silver badges10 bronze badges

2 Comments

scripter78 Over a year ago

Ok So I tried this one which I do like the simplicity of this one but I found that although this does delete the record in question it does not shift the remaining records over to fill the place so you end up with a null record.

scripter78 Over a year ago

var p = 0; for (i in picturearr) { if (picturearr[i].filename != n) { destArr[p] = picturearr[i]; p++; alert('picture array ' + picturearr[i].filename + ' N value ' + n + ' position ' + i); } }

scripter78 · Accepted Answer · 2012-03-15 15:38:33Z

0

Ok I got a few good answers What I did end up going with is the below code. as the splice option keeps from a null node being added in place of the node I want to remove. Plus it is the cleanest option I could find. This is a mixture of the codes that were provided here so I believe everyone really did provide good information.

for (var i in picturearr) {
if (picturearr[i].filename === n) {
    picturearr.splice(i, 1); 
}
}

answered Mar 15, 2012 at 15:38

scripter78

1,1774 gold badges24 silver badges54 bronze badges

Collectives™ on Stack Overflow

Delete Record from JSON Object Javascript

5 Answers 5

Comments

2 Comments

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related