Tengo dos matrices. Se ven así pero son más largos en mi código.

 let arrayA = [{heading: "heading2", body: "text body2"}, {heading: "heading", body: "text body"}, {heading: "heading4", body: "text body4"}, {heading: "heading3", body: "text body3"}] let arrayB = ["heading", "heading2", "heading 3", "heading 4"]

Mi página html necesita recorrer arrayA y para cada devolución de elemento

 <h1>item.heading</h1> <p>item.body</p>

¿Cómo haría para ordenar arrayA para obtener el mismo orden que arrayB?