XMLHttpRequest追加のリクエストなしでデータをソート

Question

標準XMLHttpRequestを使用して、APIからJSONデータを取得しています。最初はすべてのデータを表示しています（フィルタリングなし）。いつでもボタンをクリックすると、その具体的な並べ替えをしたいgenre。

毎回データを再リクエストせずにユーザークリックでデータを並べ替えるにはどうすればよいですか？誤っていない限り、返されたデータをグローバル変数に格納することはできません。それをローカルデータでソートするのが最善でしょうか？

app.js JSONデータが

[{ 
    "date": { 
    "dayOfWeek": "Thursday", 
    "month": "Oct" 
    }, 
    "location": "Bristol", 
    "genre": "rock" 
}, { 
    "date": { 
    "dayOfWeek": "Cardiff", 
    "dayOfMonth": 13, 
    "month": "Oct" 
    }, 
    "location": "Manchester", 
    "genre": "jazz" 
}] 

はあなたありがとう

// Get data from API 
makeRequest(url) 
.then(function (data) { 
    // Render ALL data from API 
    renderData(data); 
}) 

index.htmlを

<button type="button" class="btn btn-secondary" onclick="sortByGenre('rock')">Rock</button> 

Answer 1

返されたデータを変数に格納するだけで済みます。追加の要求は必要ありません。