Stworzenie tablicy wypełnionej losowymi obiektami z pliku JSON

Question

Witam jak stworzyć tablice wypełnioną trzema losowymi obiektami z pliku JSON ? Poniżej daje JSON'a z danymi.

{
    "teams": [
        {
            "team": "Arsenal",
            "players": [
                {
                    "name": "Dani Ceballos",
                    "portrait": "../src/assets/images/daniel-ceballos-fernandez-128x128.png"
                },
                {
                    "name": "Matteo Guendouzi",
                    "portrait": "../src/assets/images/player_142720974.png"
                },
                {
                    "name": "Alex Iwobi",
                    "portrait": "../src/assets/images/player_106410.png"    
                },
                {
                    "name": "Sead Kolašinac",
                    "portrait": "../src/assets/images/player_47162.png"
                },
                {
                    "name": "Lucas Torreira",
                    "portrait": "../src/assets/images/player_122791521.png"
                }
            ]
        }
    ]
}

No i ogólnie chciałbym wylosować z tych pięciu obiektów tylko trzy ("players") i umieścić je w tablicy.

Answer 1

const getRandomNumber = (min, max) => {
    return Math.floor(Math.random() * (max - min) + min);
}

const getRandomPlayers = (amount) => {
  const randomPlayers = [];
  while(amount > 0) {
    randomPlayers.push(
      json.teams[0].players[getRandomNumber(0, json.teams[0].players.length)]
    )
    --amount;
  }
  return randomPlayers;
}

console.log(getRandomPlayers(3))

demo, dla ciebie zostawiam zrobienie żeby się nie powtarzali ;D jak czegoś nie rozumiesz to pytaj chociaż kod banalny

Comments

Poszperałem w internecie i znalazłem metode Array.from

Stworzyłem tablice z pięcioma pustymi obiektami.

const playerArray = Array.from({length: 5},()=>({}));

I teraz pytanie. Czy moge w tej pustej funkcji "() =>" wylosować te obiekty a potem je przekazać ? Póki co wygląda to tak:

---

Ale po co w ogóle Ci to array.from? Ta metoda służy do stworzenia tablicy z obiektu. Żeby stworzyć tablicę z pustymi obiektami równie dobrze mógłbyś użyć:

const arr = new Array(5)
arr.fill({})

 

---

Bo ogólnie chciałbym stworzyć obiekt, który pobiera właściwości z obiektu z pliku JSON, i stworzyć tablicę która zawiera stworzone obiekty.

---

Mógłbyś trochę precyzyjniej się wyrażać bo nie rozumiem

 który pobiera właściwości z obiektu z pliku JSON

to z obiektu czy z JSON? JSON to string. Z pliku json? Znasz fetch?

---

Tak ma wyglądać wyjściowa struktura

const playerArray = [
    {
        name: "zawodnik",
        image: "ścieżka do obrazka"
    },
    {
        name: "zawodnik",
        image: "ścieżka do obrazka"
    },
    {
        name: "zawodnik",
        image: "ścieżka do obrazka"
    },
    {
        name: "zawodnik",
        image: "ścieżka do obrazka"
    },
    {
        name: "zawodnik",
        image: "ścieżka do obrazka"
    },
]

właściwości które znajdują się w tych obiektach mają być pobierane z pliku JSON.

---

No przecież to jest jedna linijka, zrób jakiś tutorial JS :D

 

const playersArray = json.teams.map(el => el.players)

A pobrać JSON możesz fetch'em

---

W tej chwili pobiera mi wszystkie obiekty z "players". Można ograniczyć ich liczbę i wybrać je losowo ?

---

Ale ty czekasz na gotowca... Na tym forum pomagamy a nie piszemy kod za innych. Dam ci mojego paypala przelejesz stówke i za 5min będziesz miał gotowca jak chcesz

---

Dzięki za pomoc. zamykam temat :)