Suurtes massiivides olev "push" vs "concat" kasutamise mõju jõudlusele sõltub mitmest tegurist.
Toimivuse võrdlusnäitajad
1. Concat:
- Aeglane: loob uue massiivi, mis võib kaasa tuua märkimisväärse mälukasutuse ja aeglasema jõudluse, eriti suurte massiivide puhul.
- Näide: ühendades kaks massiivi suurusega 10 000, toimib „concat” kiirusega 0,40 toimingut sekundis, „tõuke” aga 378 toimingut sekundis[1].
2. Vajuta:
- Kiire: muudab algset massiivi kohapeal, mis on üldiselt kiirem ja mälutõhusam.
- Näide: elementide ühest massiivist teise tõukamisel toimib push oluliselt kiiremini kui concat[1].
Muutmatus ja riigi juhtimine
1. Muutmatus:
- Concat: tagab muutumatuse, luues uue massiivi, mis on Reacti ja muude rakenduste olekuhalduse jaoks hädavajalik.
- Push: muudab algset massiivi, mis võib põhjustada ootamatut käitumist ja vigu.
2. Riigi juhtimine:
- Reageerida: kasutab muutumatust, et tagada olekumuutuste õige tuvastamine ja uuesti renderdamine. `concat` tagab muutumatuse, muutes selle sobivaks Reacti olekuvärskendusteks.
Parimad tavad
1. Kasutage olekuvärskenduste jaoks sõna "concat":
- Reacti oleku värskendamisel kasutage muutumatuse tagamiseks ja ootamatu käitumise vältimiseks käsku "concat".
2. Kasutage jõudluse suurendamiseks klahvi 'push':
- Jõudluskriitiliste rakenduste puhul kasutage algse massiivi kohapeal muutmiseks käsku "push".
3. Vältige muteerivat olekut:
- Vältige oleku otsest muteerimist, kasutades selliseid meetodeid nagu "tõuke" või "liitmine". Selle asemel looge värskendatud väärtustega uus olekuobjekt.
Edge ümbrised
1. Concat vs. Push for Large Arrays:
- Concat: võib olla kiirem, kui sihtmassiivil on piisavalt ruumi uute elementide mahutamiseks ilma massiivi suurust muutmata.
- Tõuke: võib olla aeglasem, kui sihtmassiivi suurust tuleb uute elementide mahutamiseks muuta.
2. Edge Case koos rakendusega "Rakenda":
- Ühenda nupuga `apply`: võib uue massiivi loomise ja elementide kopeerimise lisakulu tõttu olla aeglasem.
- Tõuge nupuga `apply`: võib olla kiirem, kui sihtkoha massiiv on suur ja uued elemendid lisatakse lõpus.
Järeldus
Kokkuvõtteks võib öelda, et suurte massiivide puhul on "tõuke" üldiselt kiirem ja mälutõhusam, samas kui "concat" tagab muutumatuse. Valik kahe meetodi vahel sõltub teie rakenduse konkreetsetest nõuetest, sealhulgas jõudlusest, olekuhaldusest ja muutumatusest.
Tsitaadid:[1] https://dev.to/uilicious/javascript-array-push-is-945x-faster-than-array-concat-1oki
[2] https://stackoverflow.com/questions/25339803/javascript-concat-vs-push-benchmark
[3] https://dev.to/uilicious/javascript-array-push-is-945x-faster-than-array-concat-1oki/comments
[4] https://news.ycombinator.com/item?id=19991339
[5] https://www.codementor.io/blog/react-optimization-5wiwjnf9hj