Javascript for Kids · Lekcja

Dzielenie tekstu

Dziel tekst na słowa

Dzielenie tekstu to bezpłatna lekcja Javascript for Kids na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Javascript for Kids, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Witamy w grze Word Counter! 📝

Dzień dobry, czarodzieju słów! 👋 Zbudujemy grę Word Counter! 📝

Będzie ona liczyć, ile słów znajduje się w zdaniu. Najpierw musimy jednak podzielić zdanie na małe fragmenty będące słowami! ✂️

Czym jest łańcuch znaków? 🧵

W kodzie słowa i zdania nazywamy łańcuchami znaków. 🧵

Łańcuch znaków to po prostu tekst umieszczony w cudzysłowie, na przykład 'I love coding'. Wyświetlmy jeden! 💬

let sentence = 'I love coding';
console.log(sentence);

Spacje między słowami 🫧

Przyjrzyjmy się zdaniu. Między każdym słowem znajduje się spacja! 🫧

Spacja jest jak mała ściana oddzielająca słowa. Możemy użyć jej do podzielenia zdania! ✂️

let sentence = 'cats and dogs';
console.log('This sentence has spaces between words!');
console.log(sentence);

Poznajmy split! ✂️

JavaScript ma magiczne narzędzie o nazwie split! ✂️

Dzieli ono łańcuch znaków w miejscach, które wskażemy. Podzielimy go przy każdej spacji! 🫧

let sentence = 'cats and dogs';
let words = sentence.split(' ');
console.log(words);

Lista słów 📋

Czy zauważyli Państwo nawiasy kwadratowe [ ]? 📋

To tablica! Jest to lista przechowująca każde słowo osobno. Bardzo przejrzyście! 🎉

let sentence = 'red blue green';
let words = sentence.split(' ');
console.log(words);
console.log('Nice, three separate words!');

Wybierz jedno słowo 👆

Możemy pobrać jedno słowo z listy, używając jego pozycji! 👆

W kodzie liczenie zaczyna się od 0. Dlatego pierwszym słowem jest words[0]! 🥇

let words = 'apple banana cherry'.split(' ');
console.log('First word: ' + words[0]);
console.log('Second word: ' + words[1]);
console.log('Third word: ' + words[2]);

Podzielmy dłuższe zdanie 📜

Spróbujmy z dłuższym zdaniem! 📜

Niezależnie od jego długości funkcja split dzieli je na uporządkowaną listę słów. 🪄

let sentence = 'I want to be a coder';
let words = sentence.split(' ');
console.log(words);

Dzielenie według różnych znaków 🔡

Nie musimy dzielić tekstu tylko przy spacjach! Możemy podzielić go przy dowolnej literze! 🔡

W tym przykładzie dzielimy słowo przy każdej literze „a”. Proszę spróbować! 😄

let word = 'banana';
let pieces = word.split('a');
console.log(pieces);

Podział na litery 🔠

Jeśli użyjemy pustych cudzysłowów '', podzielimy tekst między KAŻDĄ literą! 🔠

Teraz każda litera jest osobnym fragmentem! Fajne, prawda? 😎

let word = 'cat';
let letters = word.split('');
console.log(letters);

Pomocnik dzielenia 🛠️

Stwórzmy pomocnika, który podzieli zdanie i wyświetli jego fragmenty! 🛠️

Możemy używać go ponownie dla dowolnego zdania! 🔁

function splitWords(sentence) {
  let words = sentence.split(' ');
  console.log('Pieces: ');
  console.log(words);
}
splitWords('the sky is blue');

Potrafisz dzielić tekst! 🏆

Świetna robota! 🏆 Nauczyli się Państwo dzielić tekst!

🧵 Zdania są łańcuchami znaków
✂️ split(' ') dzieli tekst przy spacjach
📋 Otrzymujemy tablicę (listę) słów

W następnej części policzymy słowa! 🔢

Szybki test ✅

Sprawdźmy wiedzę! 🧠 Co robi split(' ') ze zdaniem?

Podsumowanie lekcji 🎀

Świetna praca! 🎀 Dziś nauczyli się Państwo:

🧵 Tekst to łańcuch znaków
✂️ split dzieli tekst na fragmenty
📋 Otrzymujemy z powrotem tablicę (listę)
👆 Pobieramy słowa za pomocą [0], [1], ...

Następnie policzymy wszystkie te słowa! 🔢

Często zadawane pytania

Czy lekcja „Dzielenie tekstu” jest bezpłatna?

Tak — pełny tekst „Dzielenie tekstu” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Javascript for Kids, przejdź na CoddyKit PRO. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Co nauczysz się w „Dzielenie tekstu”?

Dziel tekst na słowa Ćwiczysz Javascript for Kids z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Javascript for Kids?

Nie wymagamy żadnego doświadczenia. Javascript for Kids w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.

Ile czasu zajmuje lekcja „Dzielenie tekstu”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Javascript for Kids?

Tak. Każda lekcja Javascript for Kids zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do Javascript for Kids