Me gustaría hacer coincidir los valores de "título" y "miniatura" de una matriz de respuesta json con los valores en otra matriz de respuesta y mostrarlos en una lista html. Esencialmente, estoy haciendo coincidir una matriz multidimensional por regEx con otra matriz y luego estoy tratando de mostrar el contenido en una lista como la que se encuentra en la parte inferior. Cualquier ayuda es apreciada.

Aquí está la primera matriz

 jsonArray = [ nestedArray_1[{ "position": "1", "title": "player 1", "thumbnail: www.picuture.com/jpeg" }, { "position": "2", "title": "player 1", "thumbnail: www.picuture2.com/jpeg" };], nestedArray_2[{ "position": "1", "title": "player 2", "thumbnail: www.picuture.com/jpeg" }, { "position": "2", "title": "player 2", "thumbnail: www.picuture2.com/jpeg" };], nestedArray_3[{ "position": "1", "title": "player 3", "thumbnail: www.picuture1.com/jpeg" }, { "position": "2", "title": "player 3", "thumbnail: www.picuture2.com/jpeg" };] ]

A continuación se muestra la segunda matriz con la que debe coincidir

 array2 = ["player1_details", "player2_details", "player3_details"]

Me gustaría tener una lista html con los valores de título e imagen de jsonArray y los detalles del reproductor de array2.

 example: <ul> <li>player 1 </li><li>www.picuture1.com/jpeg" </li><li>player1_details </li> <li>player 2 </li><li>www.picuture2.com/jpeg" </li><li>player2_details </li> <li>player 3 </li><li>www.picuture3.com/jpeg" </li><li>player3_details </li> </ul>