Jquery iterate through json array with foreach loop

            var json = [
                   { "id": "1", "tagName": "apple" },
                   { "id": "2", "tagName": "orange" },
                   { "id": "3", "tagName": "banana" },
                   { "id": "4", "tagName": "watermelon" },
                   { "id": "5", "tagName": "pineapple" }
            ];

            $.each(json, function (index, value) {

                console.log('value.id - ' + value.id + 'value.tagName -' + value.tagName);
             
            });