Olùtúnsọ Ọ̀rọ̀ Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Text Repeater ń ṣiṣẹ́ pátápátá nínú aṣàwákiri láìsí ìgbẹ́kẹ̀lé lórí ohunkóhun mìíràn — a kọ́ ìtọjade náà ní lílo àwọn ọ̀nà Array.fill àti Array.join abínibí JavaScript, pẹ̀lú ipò nọ́mbà {n} yíyàn tí ìyíká tí a fi ọwọ́ kọ àti String.replaceAll ń mú. A kì í fi ohunkóhun ránṣẹ́ sí sáfà.

1. 1
   Ìbáwọlé àti àwọn àṣàyàn

   O kọ (tàbí lẹ̀) ọ̀rọ̀ èyíkéyìí sínú textarea náà o sì ṣètò iye ìtún ṣe láàrin 1 àti 10,000. Ìlà àwọn bọ́tìnnì olùpín tí a dá kalẹ̀ ń jẹ́ kí o so àwọn ìtún ṣe pọ̀ pẹ̀lú ohunkóhun, àyè kan, ìlà tuntun kan, kọ́mà kan, pipe kan, em-dash kan, tàbí ọ̀wọ́ ọ̀rọ̀ àkànṣe èyíkéyìí tí o kọ sí i.
2. 2
   Ìtún ṣe Array.fill / replaceAll

   Ní ìtẹ̀ kọ́kọ́rọ́ tàbí ìyípadà àṣàyàn kọ̀ọ̀kan, useMemo kan ń ṣírò ìtọjade náà: fún ọ̀rọ̀ lásán ó ń pe Array(iye).fill(ọ̀rọ̀).join(olùpín); bí ọ̀rọ̀ rẹ bá ní àmì {n}, ó ń yí padà sí ìyíká for tí ó ń pe ọ̀rọ̀.replaceAll('{n}', i+1) fún ìtún ṣe kọ̀ọ̀kan, tí ó ń yí irinṣẹ́ náà padà sí olùmújáde àtòjọ-tí-a-fi-nọ́mbà.
3. 3
   Ìkó àkíyèsí àti àwọn ìwọ̀n

   useMemo kejì kan ń ka ọ̀rọ̀ (tí a pín lórí àyè) àti ìlà (tí a pín lórí ìlà tuntun). A dá àkíyèsí DOM náà sí àmì 100,000 láti pa àwòrán mọ́ ní kánjú — àkọlé amber kan ń farahàn nígbà tí gbogbo ìtọjade náà bá kọjá ààlà yẹn, ṣùgbọ́n gbogbo ọ̀rọ̀ pípé náà ń wà nígbà gbogbo nípasẹ̀ Dàkọ tàbí Gbà.
4. 4
   Dàkọ tàbí gbà

   Dàkọ ń lo navigator.clipboard.writeText pẹ̀lú ọ̀wọ́ ọ̀rọ̀ ìtọjade pípé tí a kò pín. Gbígbà ń fi ọ̀wọ́ ọ̀rọ̀ kan náà wé Blob tí a mọ̀ irú rẹ̀ bí text/plain a sì ń dá ìfipamọ́ fáìlì kan sílẹ̀ gẹ́gẹ́ bí repeated-text.txt — àwọn iṣẹ́ méjèèjì ń ṣẹlẹ̀ ládùúgbò láìsí ìbéèrè nẹ́tíwọ́ọ̀kì kankan.

Àwọn Irinṣẹ Tó Jọra