I would like to match the "title" and "thumbnail" values from one json response array to the values in another response array and show them in an html list. Essentially I'm matching a multidimensional array by regEx to another array and then I'm trying to display the content in a list like the one at the bottom. Any help is appreciated.

Here is the 1st Array

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"
  };]
]

Below is the the second array it needs to match to

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

I would like to have a html list with the title and image values from the jsonArray and the player details from 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>