Setting a constant equal to an external JSON file

I am attempting to set an array equal to an external JSON file. I put the JSON file on google drive and set it to share. I have tried many different examples of code to get the JSON data into the array, but I am stymied. Thanks for any help.

Have you tried using a fetch request to handle the retrieval and parsing of the json file?

Thanks for the response method.

I did try this code to read the following simple json file. I uploaded the file to the squarespace site rather than trying to call it from google drive. 

<script>
fetch('https://www.waileage.org/s/testdata.json')
  .then(response => response.json())
  .then(data => console.log(data));
  document.getElementById("container").innerHTML = data;
  </script>

json file = [
['apple', 'fruit', 'red'], 
['pear', 'fruit', 'yellow'], 
['carrot', 'vegetable', 'orange'], 
['eggplant', 'vegetable', 'purple']
]