Pieniä kysymyksiä ohjelmoinnista

Heh, ei käynyt edes mielessä, että tuo valitus loppuu kun antaa tyypiksi any. Minä ajattelin, että tuo tarkoitti että se ei pysty päättelemään että käytetäänkö parametriä oikein, mutta ei näköjään.
 
Välillä jotain muuta kuin JavaScriptiä.

Kielenä Java ja ongelmana seuraava. Kyseisistä oliosta pitäisi rakentaa hierarkinen puu. Jokaisella oliolla on ylemmän tason organisaation id tiedossa.
Organisaatiorakenne on tässä esimerkissä seuraavanlainen
Koodi: 
    [1]

[2] [3] [4]

[5] [6] [7]

Itse organisaatio-luokka näyttää tältä:
Java: 
public class Organisation {

    Long id;
    String organisation_name;
    Long parent_organisation_id;

    public Organisation(Long id, String organisation_name, Long parent_organisation_id) {
        this.id = id;
        this.organisation_name = organisation_name;
        this.parent_organisation_id = parent_organisation_id;
    }

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getOrganisation_name() {
        return organisation_name;
    }

    public void setOrganisation_name(String organisation_name) {
        this.organisation_name = organisation_name;
    }

    public Long getParent_organisation_id() {
        return parent_organisation_id;
    }

    public void setParent_organisation_id(Long parent_organisation_id) {
        this.parent_organisation_id = parent_organisation_id;
    }

    @Override
    public String toString() {
        return "Organisation{" +
                "id=" + id +
                ", organisation_name='" + organisation_name + '\'' +
                ", parent_organisation_id=" + parent_organisation_id +
                '}';
    }
}

Muutama olio luotuna:
Java: 
Organisation organisation1 = new Organisation(1L, "A", null);
Organisation organisation2 = new Organisation(2L, "B", 1L);
Organisation organisation3 = new Organisation(3L, "C", 1L);
Organisation organisation4 = new Organisation(4L, "D", 1L);
Organisation organisation5 = new Organisation(5L, "E", 2L);
Organisation organisation6 = new Organisation(6L, "F", 3L);
Organisation organisation7 = new Organisation(7L, "G", 4L);

List<Organisation> orgs = Arrays.asList(organisation1, organisation2, organisation3, organisation4, organisation5, organisation6, organisation7);

Kokeilin hieman Javan Stream API:a, muttei tuo ole ihan sitä mitä haetaan.
Java: 
orgs.stream().collect(groupingBy(o -> o.getParent_organisation_id() != null ? o.getParent_organisation_id() : o.getId()));

Tulos:
JSON: 
{
    "1": [
        {
            "id": 1,
            "organisation_name": "A",
            "parent_organisation_id": null
        },
        {
            "id": 2,
            "organisation_name": "B",
            "parent_organisation_id": 1
        },
        {
            "id": 3,
            "organisation_name": "C",
            "parent_organisation_id": 1
        },
        {
            "id": 4,
            "organisation_name": "D",
            "parent_organisation_id": 1
        }
    ],
    "2": [
        {
            "id": 5,
            "organisation_name": "E",
            "parent_organisation_id": 2
        }
    ],
    "3": [
        {
            "id": 6,
            "organisation_name": "F",
            "parent_organisation_id": 3
        }
    ],
    "4": [
        {
            "id": 7,
            "organisation_name": "G",
            "parent_organisation_id": 4
        }
    ]
}

Lopputuloksen olisi tarkoitus olla kuitenkin jotain vastaavaa:
JSON: 
[
  {
    id: 1,
    organisation_name: "A",
    child: [
      {
        id: 2,
        organisation_name: "B",
        child: [
          {
            id: 5,
            organisation_name: "E"
          }
        ]
      },
      {
        id: 3,
        organisation_name: "C",
        child: [
          {
            id: 6,
            organisation_name: "F"
          }
        ]
      },
      {
        id: 4,
        organisation_name: "D",
        child: [
          {
            id: 7,
            organisation_name: "G"
          }
        ]
      }
    ]
  }
];

Onko tuota edes mahdollista parsia Stream API:n avulla tuollaiseksi hierarkiseksi puuksi vai vaatiiko tämä muutoksia tuohon itse organisaatio-luokkaan?
 
null sanoi:
Välillä jotain muuta kuin JavaScriptiä.

Kielenä Java ja ongelmana seuraava. Kyseisistä oliosta pitäisi rakentaa hierarkinen puu. Jokaisella oliolla on ylemmän tason organisaation id tiedossa.
Organisaatiorakenne on tässä esimerkissä seuraavanlainen
Koodi: 
    [1]

[2] [3] [4]

[5] [6] [7]

Itse organisaatio-luokka näyttää tältä:
Java: 
public class Organisation {

    Long id;
    String organisation_name;
    Long parent_organisation_id;

    public Organisation(Long id, String organisation_name, Long parent_organisation_id) {
        this.id = id;
        this.organisation_name = organisation_name;
        this.parent_organisation_id = parent_organisation_id;
    }

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getOrganisation_name() {
        return organisation_name;
    }

    public void setOrganisation_name(String organisation_name) {
        this.organisation_name = organisation_name;
    }

    public Long getParent_organisation_id() {
        return parent_organisation_id;
    }

    public void setParent_organisation_id(Long parent_organisation_id) {
        this.parent_organisation_id = parent_organisation_id;
    }

    @Override
    public String toString() {
        return "Organisation{" +
                "id=" + id +
                ", organisation_name='" + organisation_name + '\'' +
                ", parent_organisation_id=" + parent_organisation_id +
                '}';
    }
}

Muutama olio luotuna:
Java: 
Organisation organisation1 = new Organisation(1L, "A", null);
Organisation organisation2 = new Organisation(2L, "B", 1L);
Organisation organisation3 = new Organisation(3L, "C", 1L);
Organisation organisation4 = new Organisation(4L, "D", 1L);
Organisation organisation5 = new Organisation(5L, "E", 2L);
Organisation organisation6 = new Organisation(6L, "F", 3L);
Organisation organisation7 = new Organisation(7L, "G", 4L);

List<Organisation> orgs = Arrays.asList(organisation1, organisation2, organisation3, organisation4, organisation5, organisation6, organisation7);

Kokeilin hieman Javan Stream API:a, muttei tuo ole ihan sitä mitä haetaan.
Java: 
orgs.stream().collect(groupingBy(o -> o.getParent_organisation_id() != null ? o.getParent_organisation_id() : o.getId()));

Tulos:
JSON: 
{
    "1": [
        {
            "id": 1,
            "organisation_name": "A",
            "parent_organisation_id": null
        },
        {
            "id": 2,
            "organisation_name": "B",
            "parent_organisation_id": 1
        },
        {
            "id": 3,
            "organisation_name": "C",
            "parent_organisation_id": 1
        },
        {
            "id": 4,
            "organisation_name": "D",
            "parent_organisation_id": 1
        }
    ],
    "2": [
        {
            "id": 5,
            "organisation_name": "E",
            "parent_organisation_id": 2
        }
    ],
    "3": [
        {
            "id": 6,
            "organisation_name": "F",
            "parent_organisation_id": 3
        }
    ],
    "4": [
        {
            "id": 7,
            "organisation_name": "G",
            "parent_organisation_id": 4
        }
    ]
}

Lopputuloksen olisi tarkoitus olla kuitenkin jotain vastaavaa:
JSON: 
[
  {
    id: 1,
    organisation_name: "A",
    child: [
      {
        id: 2,
        organisation_name: "B",
        child: [
          {
            id: 5,
            organisation_name: "E"
          }
        ]
      },
      {
        id: 3,
        organisation_name: "C",
        child: [
          {
            id: 6,
            organisation_name: "F"
          }
        ]
      },
      {
        id: 4,
        organisation_name: "D",
        child: [
          {
            id: 7,
            organisation_name: "G"
          }
        ]
      }
    ]
  }
];

Onko tuota edes mahdollista parsia Stream API:n avulla tuollaiseksi hierarkiseksi puuksi vai vaatiiko tämä muutoksia tuohon itse organisaatio-luokkaan?
Napsauta laajentaaksesi...
Javan kirjastot ei ole tuttuja, mutta jos tavoitteena on rekursiivinen lista niin olettaisin, että myös tietomallin olisi hyvä olla rekursiivinen.

Olisiko siitä mitään apua, jos pelkän parentin idn sijaan lisäät organisaatiolle viittauksen parentin organisaatioinstanssiin. Tai toisinpäin lisäät organisaatioluokalle listan kaikista sen aliorganisaatioista. Sitten kun luot organisaatioita niin linkität ne keskenään tyyliin organisaatio1.addChild(organisaatio2);

Kun linkitykset on saatu kohdilleen niin pitäisi olla triviaalia tulostaa ne halutussa muodossa.
 
Muurahaiskäpy sanoi:
Javan kirjastot ei ole tuttuja, mutta jos tavoitteena on rekursiivinen lista niin olettaisin, että myös tietomallin olisi hyvä olla rekursiivinen.

Olisiko siitä mitään apua, jos pelkän parentin idn sijaan lisäät organisaatiolle viittauksen parentin organisaatioinstanssiin. Tai toisinpäin lisäät organisaatioluokalle listan kaikista sen aliorganisaatioista. Sitten kun luot organisaatioita niin linkität ne keskenään tyyliin organisaatio1.addChild(organisaatio2);

Kun linkitykset on saatu kohdilleen niin pitäisi olla triviaalia tulostaa ne halutussa muodossa.
Napsauta laajentaaksesi...

Itse asiassa noin sen lopulta tein.
 
Python: 
def my_split(s):
    lista = []
    for lause in sentence:
        sana = ''
        for ch in lause:
            if ch == ' ' and sana != '':
                lista.append(sana)
                sana = ''
            else:
                sana += ch
        if sana != '':
            lista.append(sana)
    return lista

def my_join(lista):
    vastaus = ''
    for sana in lista:
        vastaus += sana
    return vastaus

#===========================================

sentence = str(input("kirjoita lause:"))
print(my_join(my_split(sentence,' '),','))
print(my_join(my_split(sentence,' '),'\n'))
Osaako kukaan sanoa miten saa toimivaksi ilman että kajoaa alaosaan?
 
YkäJumissa sanoi:
Python: 
def my_split(s):
    lista = []
    for lause in sentence:
        sana = ''
        for ch in lause:
            if ch == ' ' and sana != '':
                lista.append(sana)
                sana = ''
            else:
                sana += ch
        if sana != '':
            lista.append(sana)
    return lista

def my_join(lista):
    vastaus = ''
    for sana in lista:
        vastaus += sana
    return vastaus

#===========================================

sentence = str(input("kirjoita lause:"))
print(my_join(my_split(sentence,' '),','))
print(my_join(my_split(sentence,' '),'\n'))
Osaako kukaan sanoa miten saa toimivaksi ilman että kajoaa alaosaan?
Napsauta laajentaaksesi...
Aluksi voisit kertoa mitä tuon pitäisi tehdä ja miten se ei toimi.
 
YkäJumissa sanoi:
Python: 
def my_split(s):
    lista = []
    for lause in sentence:
        sana = ''
        for ch in lause:
            if ch == ' ' and sana != '':
                lista.append(sana)
                sana = ''
            else:
                sana += ch
        if sana != '':
            lista.append(sana)
    return lista

def my_join(lista):
    vastaus = ''
    for sana in lista:
        vastaus += sana
    return vastaus

#===========================================

sentence = str(input("kirjoita lause:"))
print(my_join(my_split(sentence,' '),','))
print(my_join(my_split(sentence,' '),'\n'))
Osaako kukaan sanoa miten saa toimivaksi ilman että kajoaa alaosaan?
Napsauta laajentaaksesi...

Varmaankin kannattaisi määritellä nuo funktiot sellaisiksi että ne ottavat oikeasti nuo parametrit mitä niille alempana tarjotaan. Ja ehkä tehdäkin niillä parametreillä jotakin.
 
Hyrava sanoi:
Aluksi voisit kertoa mitä tuon pitäisi tehdä ja miten se ei toimi.
Napsauta laajentaaksesi...
  • my_split: joka jakaa ensimmäisenä parametrina annetun lauseen toisena parametrina annetun erotinmerkin erottelemiin listan alkioihin, funktio palauttaa tuloksena listan.
  • my_join: joka liittää ensimmäisenä parametrina annetun listan alkiot merkkijonoksi, jossa alkioiden väliin on lisätty toisena parametrina annettava merkki, fuktio palauttaa merkkijonon.
elikkäs esimerkki tulostus:
Kirjoita lause: Tämä on lyhyt lause
Tämä,on,lyhyt,lause
Tämä
on
lyhyt
lause

ja tämmöistä virhettä herjaa:
print(my_join(my_split("sentence is not working",' '),','))
TypeError: my_split() takes 1 positional argument but 2 were given

eli ilmeisesti funktiosta puuttuu jotain pientä
 
YkäJumissa sanoi:
  • my_split: joka jakaa ensimmäisenä parametrina annetun lauseen toisena parametrina annetun erotinmerkin erottelemiin listan alkioihin, funktio palauttaa tuloksena listan.
  • my_join: joka liittää ensimmäisenä parametrina annetun listan alkiot merkkijonoksi, jossa alkioiden väliin on lisätty toisena parametrina annettava merkki, fuktio palauttaa merkkijonon.
elikkäs esimerkki tulostus:
Kirjoita lause: Tämä on lyhyt lause
Tämä,on,lyhyt,lause
Tämä
on
lyhyt
lause

ja tämmöistä virhettä herjaa:
print(my_join(my_split("sentence is not working",' '),','))
TypeError: my_split() takes 1 positional argument but 2 were given

eli ilmeisesti funktiosta puuttuu jotain pientä
Napsauta laajentaaksesi...


Python: 
def my_split(sentence, delimiter):
    return sentence.split(delimiter)

def my_join(lista, delimiter):
    return delimiter.join(lista)

#===========================================

print(my_join(my_split('hei maailma', ' '), '\n'))

:confused:
 
null sanoi:
Python: 
def my_split(sentence, delimiter):
    return sentence.split(delimiter)

def my_join(lista, delimiter):
    return delimiter.join(lista)

#===========================================

print(my_join(my_split('hei maailma', ' '), '\n'))

:confused:
Napsauta laajentaaksesi...
Ideana on ettei käytä Pythonin valmiita split- ja join-funktioita
 
YkäJumissa sanoi:
  • my_split: joka jakaa ensimmäisenä parametrina annetun lauseen toisena parametrina annetun erotinmerkin erottelemiin listan alkioihin, funktio palauttaa tuloksena listan.
  • my_join: joka liittää ensimmäisenä parametrina annetun listan alkiot merkkijonoksi, jossa alkioiden väliin on lisätty toisena parametrina annettava merkki, fuktio palauttaa merkkijonon.
elikkäs esimerkki tulostus:
Kirjoita lause: Tämä on lyhyt lause
Tämä,on,lyhyt,lause
Tämä
on
lyhyt
lause

ja tämmöistä virhettä herjaa:
print(my_join(my_split("sentence is not working",' '),','))
TypeError: my_split() takes 1 positional argument but 2 were given

eli ilmeisesti funktiosta puuttuu jotain pientä
Napsauta laajentaaksesi...
Riviäkään pyyttonia en ole koodannut, mutta annatko(?) tässä my_split funktiolle kaksi parametria:
Koodi: 
print(my_join(my_split(sentence,' '),','))
kun funktio syö yhden:
Koodi: 
def my_split(s):
 
Juu, ainakin nuo alimmat rivit yrittävät antaa kahta parametria funktioille vaikka funktiot haluavat nykyisellään vain yhden. Toinen on että funktion my_split ottama parametri otetaan muuttujaan s mutta sitä ei käytetä missään. Noiden korjaaminen auttaa jo paljon.
 
YkäJumissa sanoi:
TypeError: my_split() takes 1 positional argument but 2 were given
Napsauta laajentaaksesi...

Virheet kannattaa lukea ajatuksella. Eli tuossa sanotaan että funktio my_split() haluaa vain yhden parametrin mutta sille annettiin kaksi parametria. Jos funktio on määritelty def my_split(s), niin sä et voi kutsua sitä näin: my_split(eka, toka). Kääntäjä huomaa, että tunget sinne liikaa niitä parametreja, eli pilkulla erotettuja muuttujia tai arvoja.
 
Paapaa sanoi:
Virheet kannattaa lukea ajatuksella. Eli tuossa sanotaan että funktio my_split() haluaa vain yhden parametrin mutta sille annettiin kaksi parametria. Jos funktio on määritelty def my_split(s), niin sä et voi kutsua sitä näin: my_split(eka, toka). Kääntäjä huomaa, että tunget sinne liikaa niitä parametreja, eli pilkulla erotettuja muuttujia tai arvoja.
Napsauta laajentaaksesi...
Juu, mutta en kyllä millään tiiä mitkä parametrit. vaikka mitä 1X2 yrittää
 
YkäJumissa sanoi:
Juu, mutta en kyllä millään tiiä mitkä parametrit. vaikka mitä 1X2 yrittää
Napsauta laajentaaksesi...

Kutsut funktioita my_split() sekä my_join() syöttäen niille kaksi parametriä vaikka molemmat odottavat saavansa vain yhden.

Esim. funktio my_split() pitäisi muuttaa muotoon my_split(s, d), jolloin se odottaa saavansa kaksi parametria. Nämä parametrithan ovat:
  • my_split: joka jakaa ensimmäisenä parametrina annetun lauseen(s = lause) toisena parametrina annetun erotinmerkin(d = erotinmerkki) erottelemiin listan alkioihin, funktio palauttaa tuloksena listan.
 
null sanoi:
Kutsut funktioita my_split() sekä my_join() syöttäen niille kaksi parametriä vaikka molemmat odottavat saavansa vain yhden.

Esim. funktio my_split() pitäisi muuttaa muotoon my_split(s, d), jolloin se odottaa saavansa kaksi parametria. Nämä parametrithan ovat:
  • my_split: joka jakaa ensimmäisenä parametrina annetun lauseen(s = lause) toisena parametrina annetun erotinmerkin(d = erotinmerkki) erottelemiin listan alkioihin, funktio palauttaa tuloksena listan.
Napsauta laajentaaksesi...
joo tommoinkin oon koittanut mutta ei lähe toimimaan
 
Haluatko tosiaan tulostaa viimeisen sanan kahdesti? Tuossa on muuten tuo toinen append() väärin.

Mitä tulee ongelmiisi, niin mietipä, että miksi annat my_split:lle parametriksi välilyönnin ja my_join:lle pilkun ja rivinvaihdon? Sellaiset lähetät noille funktioille, mutta mitä varten? (Oikeasti siis et lähetä, kun nuo funktiot ei ota niitä vastaan, mutta yrität lähettää.)
 
Makis sanoi:
Haluatko tosiaan tulostaa viimeisen sanan kahdesti? Tuossa on muuten tuo toinen append() väärin.

Mitä tulee ongelmiisi, niin mietipä, että miksi annat my_split:lle parametriksi välilyönnin ja my_join:lle pilkun ja rivinvaihdon? Sellaiset lähetät noille funktioille, mutta mitä varten? (Oikeasti siis et lähetä, kun nuo funktiot ei ota niitä vastaan, mutta yrität lähettää.)
Napsauta laajentaaksesi...
pystytkö selittämään ELI5? muutaman kk vasta näitä pyöritellyt niin ei ihan vielä ole selkärangassa
 
Näitä rivejä voisi ensimmäiseksi koittaa miettiä ja korjailla:
Koodi: 
def my_split(s):

if ch == ' ' and sana != '':

def my_join(lista):
Ensimmäiseen se toinen muuttuja mukaan ja toiseen se välimerkin tunnistus. Kolmanteen se toinen muuttuja kanssa mukaan ja sitten tuohon funktioon vielä että se lisää sen halutun välimerkin.
 
YkäJumissa sanoi:
pystytkö selittämään ELI5? muutaman kk vasta näitä pyöritellyt niin ei ihan vielä ole selkärangassa
Napsauta laajentaaksesi...

Ettet nyt vain ole koittanu kopsata koulutehtävään jostain koodeja, kun ei tunnu pienintäkään ymmärrystä olevan omasta koodista... :) Aika selkeesti on moneen kertaan kerrottu ongelman syy (joka ilmenee jo siitä kääntäjän virheilmoituksestakin).
 
emagdnim sanoi:
Ettet nyt vain ole koittanu kopsata koulutehtävään jostain koodeja, kun ei tunnu pienintäkään ymmärrystä olevan omasta koodista... :) Aika selkeesti on moneen kertaan kerrottu ongelman syy (joka ilmenee jo siitä kääntäjän virheilmoituksestakin).
Napsauta laajentaaksesi...
Kyllä kopsasin osittain. Tosin ajattelin opetella näitä pythonin alkeita ennen kuin kouluun haen. Ymmärsin kyllä virheen syyn mutta en saa sitä korjattua
 
Viimeksi muokattu:
YkäJumissa sanoi:
Kyllä kopsasin. Tosin ajattelin opetella näitä pythonin alkeita ennen kuin kouluun haen. Ymmärsin kyllä virheen syyn mutta en saa sitä korjattua
Napsauta laajentaaksesi...

Tuossa on se ongelma, että et opi koodaan copypastella. Ohjelmointikieli on vain työkalu. Pistä editori tyhjäksi ja aloita alusta. Ratkaise ongelma itse. Jos on liian vaikea, niin ratkaise ensin helpompia tehtäviä.

edit: kyseessä kun ei ole python-ongelma, vaan ohjelmointi-ongelma(t) ihan yleisellä tasolla, johon törmäisit kaikilla kielillä.
 
Viimeksi muokattu:
Ensimmäinen ongelma tuossa on tuo ensimmäinen for-luuppi. Jos käyt merkkijonoa läpi for-luupissa, niin se käy merkkijonon läpi merkki kerrallaan. En tiedä, mitä tuon ekan for-luupin on edes tarkoitus tehdä.

Toinen ongelma on se, että mistä tuo sentence edes tulee? Ei tuo funktio sitä näe tuolta toisesta paikasta.

Kolmanneksi tosiaan annat useamman parametrin kun funktiot odottavat yhtä. Kannattaa ottaa Python-opas käteen ja lukea, miten funktiot toimivat. Aloita vaikka tästä: Python Functions
 
emagdnim sanoi:
Tuossa on se ongelma, että et opi koodaan copypastella. Ohjelmointikieli on vain työkalu. Pistä editori tyhjäksi ja aloita alusta. Ratkaise ongelma itse. Jos on liian vaikea, niin ratkaise ensin helpompia tehtäviä.
Napsauta laajentaaksesi...
joskus tulee näitä mitkä vaatii multa 10x enemmin pyörittelyä kuin muut ennen kuin tulee se ahaa efekti ja kaikki loksahtaa paikalleen nupissa. Tuntuu että tämä vaati enemmän
Makis sanoi:
Kolmanneksi tosiaan annat useamman parametrin kun funktiot odottavat yhtä. Kannattaa ottaa Python-opas käteen ja lukea, miten funktiot toimivat. Aloita vaikka tästä: Python Functions
Napsauta laajentaaksesi...
Pitääkin tuo lukassa ennen kuin jatkan pään takomista seinään
 
Makis sanoi:
Toinen ongelma on se, että mistä tuo sentence edes tulee? Ei tuo funktio sitä näe tuolta toisesta paikasta.
Napsauta laajentaaksesi...

Itseasiassa se funktio kyllä jopa näkee tuon "sentence"-muuttujan, ja pystyy kyllä iteroimaan sen läpi. Mutta tuo on käyttötarkoitukseen nähden täysin väärä toteutus, ja se sentence olisi syytä ottaa funktioparametrina sisään.

Mutta suurin ongelmahan tässä nyt näyttää olevan se, että ei ymmärretä ollenkaan sitä, mitä ne funktioparametrit on ja miten niitä käytetään. Eli esim tämä:
Python: 
def my_split(s):

määrittää että funktio ottaa sisään yhden parametrin, nimeltään "s". Nyt sitä kyseistä parametria ei edes käytetä missään (funktion sisällä ei ole ainuttakaan viittausta muuttujaan s), vaan luetaan ulommasta scopesta suoraan muuttuja nimeltä sentence. Järkevää olisi muuttaa tuo niin, että tuo funktiossa tehtävä asia käyttäisi sitä parametria, mikä sille syötetään. Sen lisäksi sinne nyt koitetaan tunkea sitä toista parametria, jonka arvo tässä on ' '. Funktiomäärittelyssä ei kuitenkaan ole määritelty kuin se yksi parametri s, eli siihen määrittelyyn pitää lisätä toinen parametri, ja sen nimen saa ihan vapaasti itse päättää, mutta sillä nimellä se sitten funktion sisältä löytyy.
 
Mitenköhän Reactissa hoidetaan tilanhallinta(state) rekursiivisessa komponentissa?
Ongelmana lähinnä se, että alempien tasojen tilat katoaa kun ylempi taso suljetaan. Tilaan tallennetaan tieto siitä onko kyseinen kerros avattu vai ei.

codesandbox esimerkki
 
Viimeksi muokattu:
null sanoi:
Mitenköhän Reactissa hoidetaan tilanhallinta(state) rekursiivisessa komponentissa?
Ongelmana lähinnä se, että alempien tasojen tilat katoaa kun ylempi taso suljetaan. Tilaan tallennetaan tieto siitä onko kyseinen kerros avattu vai ei.

codesandbox esimerkki
Napsauta laajentaaksesi...

Yksi keino on ainakin ottaa tuo sun state talteen sinne app.js tiedostoon ja viedä propsina komponentteihin (App.js puolelta ja myös itse RecursiveTreestä). Silloin se "pää state" on tallessa tuolla ylimmällä tasolla.

muokattu esimerkki
 
bonekuukkeli sanoi:
Yksi keino on ainakin ottaa tuo sun state talteen sinne app.js tiedostoon ja viedä propsina komponentteihin (App.js puolelta ja myös itse RecursiveTreestä). Silloin se "pää state" on tallessa tuolla ylimmällä tasolla.

muokattu esimerkki
Napsauta laajentaaksesi...

Käsittääkseni kokeilin tuota samaa aiemmin, mutta se ei toiminut yhtään sen paremmin. Ehkä missasin kuitenkin jonkin stepin.
Anyway, nyt toimii. Kiitos!
 
null sanoi:
Mitenköhän Reactissa hoidetaan tilanhallinta(state) rekursiivisessa komponentissa?
Ongelmana lähinnä se, että alempien tasojen tilat katoaa kun ylempi taso suljetaan. Tilaan tallennetaan tieto siitä onko kyseinen kerros avattu vai ei.

codesandbox esimerkki
Napsauta laajentaaksesi...

Se ongelma on se, että komponentin state katoaa kun se unmountataan. Eli kun et enää rendaa ali-RecursiveTree:tä. Tossa varmaan järkevintä on juurikin pitää se state rekursiivisen puun juuressa tai ylempänä jossain päästoressa. Tai jossain tilanteissa voit myös pitää kaikki alikomponentit mountattuina ja ne sitten osaavat olla piirtämättä mitään. Tällöin komponentin oma state säilyy. (Sillä et unmounttaa mitään.)
 
JavaScript: 
interface Props extends React.HTMLAttributes<HTMLButtonElement> {
  className?: string;
  type?: "button" | "submit" | "reset";
  children: string;
}


const CustomButton = ({ className, children, type, ...rest }: Props) => {
 
  return (
    <button
      type={type === undefined ? "button" : type}
      {...rest}
      className={`${className} bg-sky-600 hover:bg-sky-700 transition-colors
       text-white rounded-full shadow-md shadow-sky-600 font-semibold hover:scale-110`}
    >
      {children}
    </button>
  );
};

export default CustomButton;

Miksi tuo koodi esim. <CustomButton form="blaa" /> valittaa että Property 'form' does not exist on type 'IntrinsicAttributes & Props' , vaikka button tagilla pitäisi olla form attribuutti? Jouduin just ton typescriptin valituksen takia lisäämään ton type attribuutin manuaalisesti tuohon Props interfaciin, koodi kyllä toimii ilmankin, mutta typescript valittaa. Myös tuon type={type === undefined ? "button" : type} jouduin lisäämään ainakin tässä vaiheessa kun joskus type oli tyyppiä "submit" vaikka sellaista en ollut laittanut itse <CustomButton />.
 
Moilaps sanoi:
JavaScript: 
interface Props extends React.HTMLAttributes<HTMLButtonElement> {
  className?: string;
  type?: "button" | "submit" | "reset";
  children: string;
}


const CustomButton = ({ className, children, type, ...rest }: Props) => {

  return (
    <button
      type={type === undefined ? "button" : type}
      {...rest}
      className={`${className} bg-sky-600 hover:bg-sky-700 transition-colors
       text-white rounded-full shadow-md shadow-sky-600 font-semibold hover:scale-110`}
    >
      {children}
    </button>
  );
};

export default CustomButton;

Miksi tuo koodi esim. <CustomButton form="blaa" /> valittaa että Property 'form' does not exist on type 'IntrinsicAttributes & Props' , vaikka button tagilla pitäisi olla form attribuutti? Jouduin just ton typescriptin valituksen takia lisäämään ton type attribuutin manuaalisesti tuohon Props interfaciin, koodi kyllä toimii ilmankin, mutta typescript valittaa. Myös tuon type={type === undefined ? "button" : type} jouduin lisäämään ainakin tässä vaiheessa kun joskus type oli tyyppiä "submit" vaikka sellaista en ollut laittanut itse <CustomButton />.
Napsauta laajentaaksesi...
Olisiko ongelma siinä, että tuo interface perii attribuutit HTMLAttributes-rajapinnalta eikä ButtonHTMLAttributes -rajapinnalta?
 
Ongelma liittyy myös logiikkaohjelmointiin, mutta helposti yleitettävissä tännekin. Elikkäns:
Mulla logiikka kirjoittaa lokitietedostoa pariin csv-filuun. Sitten on yksi erikseen muotoiltu graafinenkin excel-file joka kerää datan näistä kahdesta csv-fileistä ja kaikki toimii kuin unelma.

Ongelma on kun haluan näyttää tätä exceliä logiikan käyttöliittymässä, joka on siis läjätty ihan perus HTML/javaScriptillä, kuten webbisivut.

Kysymys kuuluukin: Miten saisin tämän paikallisen excelin näytettyä HTML:n kanssa esim. jossain framessa? Ikään kuin haluaisin näyttää upotetun excelin perusnettisivulla.
Excelin tallentaminen HTML-muotoon toimii kaikkien muiden osalta, paitsi tuolloin datan vetäminen csv-lähteistä loppuu.

Tuntuu järjettömältä kui tää voi olla näin vaikeaa :notworthy:
 
jugih sanoi:
Ongelma liittyy myös logiikkaohjelmointiin, mutta helposti yleitettävissä tännekin. Elikkäns:
Mulla logiikka kirjoittaa lokitietedostoa pariin csv-filuun. Sitten on yksi erikseen muotoiltu graafinenkin excel-file joka kerää datan näistä kahdesta csv-fileistä ja kaikki toimii kuin unelma.

Ongelma on kun haluan näyttää tätä exceliä logiikan käyttöliittymässä, joka on siis läjätty ihan perus HTML/javaScriptillä, kuten webbisivut.

Kysymys kuuluukin: Miten saisin tämän paikallisen excelin näytettyä HTML:n kanssa esim. jossain framessa? Ikään kuin haluaisin näyttää upotetun excelin perusnettisivulla.
Excelin tallentaminen HTML-muotoon toimii kaikkien muiden osalta, paitsi tuolloin datan vetäminen csv-lähteistä loppuu.

Tuntuu järjettömältä kui tää voi olla näin vaikeaa :notworthy:
Napsauta laajentaaksesi...

Käviskö joku tuollainen? GitHub - derekeder/csv-to-html-table: Display any CSV (comma separated values) file as a searchable, filterable, pretty HTML table
 
jugih sanoi:
Tääkin on kyl erittäin kätsy, mutta ei oikein käy tämän hetken tilanteeseen.
Napsauta laajentaaksesi...
Toimiikohan tää, mikä tuossa on ensimmäisenä, en jaksa ruveta testailemaan:

How to Embed an Excel File on a Web Page using plain HTML

In this article, we show how to embed a microsoft Excel file on a web page using plain HTML. We simply need to use an anchor tag and Microsoft's provided API.
www.learningaboutelectronics.com

Jos sulla on siis se muotoiltu excel saatavissa lokaalilta levyltä. Tuo src-attribuuttikin näkyy huolivan lokaalin filen.

Oli kyllä niin helppo googlattava, että epäilen, että tää ois jo löytynyt, jos kelpais, eikä oo kyllä meikäläisen alaa tämmönen :D
 
pappatech sanoi:
Toimiikohan tää, mikä tuossa on ensimmäisenä, en jaksa ruveta testailemaan:

How to Embed an Excel File on a Web Page using plain HTML

In this article, we show how to embed a microsoft Excel file on a web page using plain HTML. We simply need to use an anchor tag and Microsoft's provided API.
www.learningaboutelectronics.com

Jos sulla on siis se muotoiltu excel saatavissa lokaalilta levyltä. Tuo src-attribuuttikin näkyy huolivan lokaalin filen.

Oli kyllä niin helppo googlattava, että epäilen, että tää ois jo löytynyt, jos kelpais, eikä oo kyllä meikäläisen alaa tämmönen :D
Napsauta laajentaaksesi...

Joo kiitti vaan
Toi toimii one driveen tallennetuille exceleille, eli filun pitää olla online. Ei toimi paikallisille valitettavasti
 
jugih sanoi:
Joo kiitti vaan
Toi toimii one driveen tallennetuille exceleille, eli filun pitää olla online. Ei toimi paikallisille valitettavasti
Napsauta laajentaaksesi...
Joo, näköjään se noin on (että lähdetiedosto pitäs olla OneDrivessä).

Tuossa ei tainnu olla puhetta siitä, miten se muotoiltu taulukko generoidaan ja minkälaisia vaatimuksia homman dynaamisuudelle on, mutta Excel-taulukon saa exportattua sekä PDF:ksi että HTML:ksi, jotka pystyy kummatkin näyttämään verkkosivulla. En tiedä auttaako tuokaan mitään.

Muuten sitten alkaa näyttämään minusta siltä, että menee askarteluksi siitä CSV-datasta.
 
pappatech sanoi:
Joo, näköjään se noin on (että lähdetiedosto pitäs olla OneDrivessä).

Tuossa ei tainnu olla puhetta siitä, miten se muotoiltu taulukko generoidaan ja minkälaisia vaatimuksia homman dynaamisuudelle on, mutta Excel-taulukon saa exportattua sekä PDF:ksi että HTML:ksi, jotka pystyy kummatkin näyttämään verkkosivulla. En tiedä auttaako tuokaan mitään.

Muuten sitten alkaa näyttämään minusta siltä, että menee askarteluksi siitä CSV-datasta.
Napsauta laajentaaksesi...

Jep. Olen siis juurikin askarrellut yhden .xlsx filen, joka importtaa kahdesta csv:stä dataa ja parsii erilaisten funktioiden kautta sitä siistimmäksi ja käytettäväksi. Se myös päivittelee ajankohtaiset kellonajat yms. piirtää graafit datasta.
Tämän excelin haluaisin siis HTML:n 'pollaavan' aina kun se avataan selaimella. Mut tää ei kyllä näytä tälläisenä toimivan, vaan menee todellakin askarteluksi noista csv:stä :beye:
 
jugih sanoi:
Jep. Olen siis juurikin askarrellut yhden .xlsx filen, joka importtaa kahdesta csv:stä dataa ja parsii erilaisten funktioiden kautta sitä siistimmäksi ja käytettäväksi. Se myös päivittelee ajankohtaiset kellonajat yms. piirtää graafit datasta.
Tämän excelin haluaisin siis HTML:n 'pollaavan' aina kun se avataan selaimella. Mut tää ei kyllä näytä tälläisenä toimivan, vaan menee todellakin askarteluksi noista csv:stä :beye:
Napsauta laajentaaksesi...
Onko joku todella monimutkainen Excel kyseessä?

Lähinnä vaan mietin, että eikö toi kannata toteuttaa, vaikka chartjs:llä suoraan siitä datasta. Uskon, että tollanen Excel virittely aiheuttaa myös todella paljon riippuvuuksia/vaatimuksia käyttäjän koneelle, vai onko käyttäjät pakotettuja johonkin Mikkiksen systeemiin?
 
Harjoittelen pythonia ajankulukseni ja ongelma johon en keksi ratkaisua.

Alla oleva koodi toimii haluamallani tavalla.
Koodi: 
nimi = input("Anna nimesi:")
if nimi == "Tupu":
    print("Olet luultavasti Aku Ankan veljenpoika.")
else:
    print("Et ole kenenkään tuntemani hahmon veljenpoika.")

Tähän taas voi syöttää minkä tahansa nimeksi niin aina tulostuu "Olet luultavasti Aku Ankan veljenpoika."
Koodi: 
nimi = input("Anna nimesi:")
if nimi == "Tupu" or "Hupu" or "Lupu":
    print("Olet luultavasti Aku Ankan veljenpoika.")
else:
    print("Et ole kenenkään tuntemani hahmon veljenpoika.")
Missä vika?
 
Jakkelii sanoi:
Harjoittelen pythonia ajankulukseni ja ongelma johon en keksi ratkaisua.

Alla oleva koodi toimii haluamallani tavalla.
Koodi: 
nimi = input("Anna nimesi:")
if nimi == "Tupu":
    print("Olet luultavasti Aku Ankan veljenpoika.")
else:
    print("Et ole kenenkään tuntemani hahmon veljenpoika.")

Tähän taas voi syöttää minkä tahansa nimeksi niin aina tulostuu "Olet luultavasti Aku Ankan veljenpoika."
Koodi: 
nimi = input("Anna nimesi:")
if nimi == "Tupu" or "Hupu" or "Lupu":
    print("Olet luultavasti Aku Ankan veljenpoika.")
else:
    print("Et ole kenenkään tuntemani hahmon veljenpoika.")
Missä vika?
Napsauta laajentaaksesi...

if lauseesi mätsää "Hupu" eli truthy. Ts. testaat, että onko nimi yhtäkuin Tupu, jos ei, niin sit onko "Hupu" true ja onhan se.

edit: Hyrava selittiki paremmin :)

eli näin mielummin:
Koodi: 
if nimi == "Tupu" or nimi == "Hupu" or nimi == "Lupu":
 
Viimeksi muokattu:
Jakkelii sanoi:
Harjoittelen pythonia ajankulukseni ja ongelma johon en keksi ratkaisua.

Alla oleva koodi toimii haluamallani tavalla.
Koodi: 
nimi = input("Anna nimesi:")
if nimi == "Tupu":
    print("Olet luultavasti Aku Ankan veljenpoika.")
else:
    print("Et ole kenenkään tuntemani hahmon veljenpoika.")

Tähän taas voi syöttää minkä tahansa nimeksi niin aina tulostuu "Olet luultavasti Aku Ankan veljenpoika."
Koodi: 
nimi = input("Anna nimesi:")
if nimi == "Tupu" or "Hupu" or "Lupu":
    print("Olet luultavasti Aku Ankan veljenpoika.")
else:
    print("Et ole kenenkään tuntemani hahmon veljenpoika.")
Missä vika?
Napsauta laajentaaksesi...
Tuossa sinulla vertaillaan onko seuraavat asiat tosia:
nimi == "Tupu" on tosi
tai
"Hupu" on tosi
tai
"Lupu" on tosi

eli tuo or ei vertaa noita tuon nimi-muuttujan kanssa.

Itse tekisin varmaan näin:
Koodi: 
if nimi in ["Tupu", "Hupu", "Lupu"]:
 
Koodi: 
if nimi == "Tupu" or nimi == "Hupu" or nimi == "Lupu":

Koodi: 
if nimi in ["Tupu", "Hupu", "Lupu"]:

Nämä toimi molemmat. Kiitos
 
Yritän importata Angularin komponenttiin css-tyylitiedoston node_modules kansiosta, mutta tulee seuraavanlainen virhe:
Koodi: 
ERROR in ./node_modules/bootstrap-material-design/dist/css/bootstrap-material-design.min.css 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> .card{font-size:.875rem;font-weight:400}
|
| /*!
i ｢wdm｣: Failed to compile.

Liittyyköhän tämä nyt jollainlailla webpackiin tai sen asetuksiin? Saan tuon css:n importattua suoraan vendor.scss tiedoston kautta, mutta sitten se sotkee huolella muuta, joten ajattelin importata sen vain suoraan sitä tarvitsevalle komponentille.
Kyseessä on SurveyJS mihin yritän saada bootstrap material-teeman toimimaan. Tuolta löytyy CodeSandbox esimerkki missä se kyllä toimii, muttei omassa ympäristössäni.
 
Muualta ottamassani koodinpätkässä, jota olen hieman muutellut tarpeita varten, on kolme sisäkkäistä for-silmukkaa, sitten tehdään pari laskutoimitusta ja tulostetaan jos tulos on sopivanlainen ... Voisiko joku näyttää miten tämän saisi muutettua sellaiseksi, että voin ajaa sen siten että numerot tulevat komentoriviltä? Yritin niitä int argc, char *argv[] asioita tuonne mutta saan vain suuria määriä virheilmoituksia kääntäessä ...

./binääri a b c d nmax

./binääri 2 3 4 5 700


Koodi: 
#include <complex.h>
#include <math.h>
#include <stdio.h>
#include <stdlib.h>

static void run(const int nmax) {
   double imin = 2;
         a = 2;
         for (int b = 2; b <= nmax; b++) {
               for (int c = 2; c <= nmax; c++)
                     for (int d = 2; d <= nmax; d++) {
                        const double complex x = a + I * b;
                        const double complex y = c + I * d;
                        ... rivejä deletoitu ...
                     }
            }
}

int main() {
   run(700);
   return EXIT_SUCCESS;
 
Marquette sanoi:
Yritin niitä int argc, char *argv[]
Napsauta laajentaaksesi...

Kerrotko, miten tarkalleen yritit ja millaisia virheitä sait? Täällä yksinkertainen esimerkki:

www.tutorialspoint.com

Command Line Arguments in C

Command Line Arguments in C - In any C program, there may be multiple functions, but the main() function remains the entry point from where the execution starts. While the other functions may have one or more arguments and a return type, the main() function is generally written with no...
www.tutorialspoint.com www.tutorialspoint.com
 
Paapaa sanoi:
Kerrotko, miten tarkalleen yritit ja millaisia virheitä sait? Täällä yksinkertainen esimerkki:
Napsauta laajentaaksesi...

En tallettanut niitä epäonnistuneita. Olen liian kehno tässä, että saisin sovellettua edes yksinkertaista esimerkkiä .. esim

static void run(const int nmax) {

- miten tuohon lisätään mukaan nuo argc argv asiat? Olen pihalla jo tässä kohdassa ...
- laitanko tuonne loppuun run(atoi(argv[4])) vai miten
 
Marquette sanoi:
- miten tuohon lisätään mukaan nuo argc argv asiat? Olen pihalla jo tässä kohdassa ...
- laitanko tuonne loppuun run(atoi(argv[4])) vai miten
Napsauta laajentaaksesi...

Tee pieni osa kerrallaan. Unohda aluksi se run() ja koeta saada mainiin niitä argumentteja. Kokeile aluksi tulostaa sieltä vain argumenttien lukumäärä. Sitten laita tsekki, että niitä argumentteja tulee oikea lukumäärä. (Nämä onnistuvat antamallani linkillä). Sitten sun pitää muuntaa se argumenttina tuleva merkkijono luvuksi. Sitten sä voit työntää sen luvun run-funktiolle parametriksi.

Mutta tee vain yksi asia kerrallaan ja etene vasta kun toimii.
 
Olisiko jotakin paksumpaa rautalankaa, kun ei tämä oikein tästä ... vaikea korjata kun ei tajua miten ja miksi ja mitä se valittaa ...

Koodi: 
$ cat positive.c
#include <complex.h>
#include <math.h>
#include <stdio.h>
#include <stdlib.h>

static void run(int argc, char *argv[]) {
   double imin = 2;
   int aaa = atoi(argv[1]);
   int bbb = atoi(argv[2]);
   int ccc = atoi(argv[3]);
   int ddd = atoi(argv[4]);
   int nnn = atoi(argv[5]);
   int a = aaa;
   for (int b = bbb; b <= nmax; b++) {
         for (int c = ccc; c <= nmax; c++)
               for (int d = ddd; d <= nmax; d++) {
                  const double complex x = a + I * b;
                  const double complex y = c + I * d;
                     printf( ... poistettu
                  }
               }
      }
}

int main() {
   run(nnn);
   return EXIT_SUCCESS;
}

$ gcc -o fuck positive.c
positive.c: In function ‘run’:
positive.c:14:27: error: ‘nmax’ undeclared (first use in this function); did you mean ‘fma
’?
   14 |    for (int b = bbb; b <= nmax; b++) {
      |                           ^~~~
      |                           fmax
positive.c:14:27: note: each undeclared identifier is reported only once for each function it appears in
positive.c: In function ‘main’:
positive.c:30:8: error: ‘nnn’ undeclared (first use in this function); did you mean ‘nan’?
   30 |    run(nnn);
      |        ^~~
      |        nan
positive.c:30:4: error: too few arguments to function ‘run’
   30 |    run(nnn);
      |    ^~~
positive.c:6:13: note: declared here
    6 | static void run(int argc, char *argv[]) {
      |             ^~~
 
Kirjaudu tai rekisteröidy kirjoittaaksesi tänne.

Uutiset

Uutisia lyhyesti

Uusimmat viestit

Statistiikka

Viestiketjuista
264 065
Viestejä
4 574 143
Jäsenet
75 353
Uusin jäsen
JaniM

Hinta.fi

Back
Ylös Bottom