JSFiddle - React, Tailwind, and code Playground

HTML

<span id="ELEMENT">{"products":[{"TPNB":"52260983","name":"name1","price":0.89,"quantity":1},{"TPNB":"73559869","name":"name2","price":1.1,"quantity":1},{"TPNB":"51447540","name":"Tesco Dijon Mustard 185g","price":0.55,"quantity":1},{"TPNB":"61227739","name":"name3150ml","price":0.6,"quantity":1},{"TPNB":"56925638","name":"Tesco Chicken Thighs 1kg","price":2.5,"quantity":2}]}</span>

JavaScript

var parsedJson = JSON.parse($("#ELEMENT").text())
var finalArray = new Array()
  for (var i in parsedJson.products)
  {
    finalArray.push(parsedJson.products[i]);
  }
for (var i in finalArray)
{
    console.log(JSON.stringify(finalArray[i]).replace("{", "").replace("}", ""))  
}