Add dynamic options for ion-select in Ionic 3

Currently able to show an ion-select with static values defined in .ts file within Constructor block for select options, working fine.
.
Now I have a list of Clubs name, so how can I add them dynamically in Constructor block to replace the static values with the dynamic list values?

Below code of .ts file for reference.

export class LocationPage {
clubDetails:any=[];
constructor(public nav: Nav, public navCtrl: NavController, public navParams: NavParams) {
this.clubDetails = [
{
id: 34,
clubName: “Fitzme”,
located: “Amsterdam”,
isChecked:true
},
{
id: 35,
clubName: “Feel Good”,
located: “Holand”,
isChecked:false
}]
this.clubsList();
}
clubsList(){
let info = JSON.parse(localStorage.getItem(‘userDetails’));
let clubCount = info.user_session.associatedClubs.length;
for(var i = 0;i < clubCount; i++){
console.log(info.user_session.associatedClubs[i].club_name);
}
}
}

I don’t understand what you are trying to do in clubsList().
What is your localStorage actually returning?

Clublist is a function by which I am fetching the list of clubs name, so those clubs name & their details I want to add in “this.clubDetails”
.
localStorage actually returning an user details.
.
Here I parse the localStorage data.

let info = JSON.parse(localStorage.getItem(‘userDetails’));

.
Here I am getting the length of clubs name available in my localStorage data.

let clubCount = info.user_session.associatedClubs.length;

.
With this “for” I am getting all those Clubs name as per their array sequence.
.

for(var i = 0;i < clubCount; i++){
console.log(info.user_session.associatedClubs[i].club_name);
}

So the current code in Constructor for ion-select options is just static one & working fine. Which is like below.

this.clubDetails = [
{
id: 34,
clubName: “Fitzme”,
located: “Amsterdam”,
isChecked:true
},
{
id: 35,
clubName: “Feel Good”,
located: “Holand”,
isChecked:false
}]

Now I want to add those Clubs name data which I am fetching from localStorage to create dynamic data for ion-select options.

Please use Ctrl+Shift+C for code preformatting.

clubsList(){
  let info = JSON.parse(localStorage.getItem(‘userDetails’)); //I assume this to be an array then
  //I'm still not sure what the returned Data looks like
  let clubCount = info.user_session.associatedClubs.length;
  for(var i = 0;i < clubCount; i++){
    this.clubDetails.push(info[i]);

}
}

This is how that list of Clubs, name is showing in my browser console.
.
In left you can see that ion-select options with static values are working fine.
.
Now how can I use those Clubs name list to create a dynamic values for ion-select options?