Dela upp text
Dela upp i ord
Dela upp text är en gratis lektion i JavaScript för barn på CoddyKit. Detta är lektion 1 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för JavaScript för barn, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript för barn innehåller totalt 4 lektioner.
Välkommen till Word Counter! 📝
Hej, ordmagiker! 👋 Vi ska bygga en Word Counter! 📝
Den ska räkna hur många ord som finns i en mening. Men först behöver vi dela upp meningen i små orddelar! ✂️
Vad är en sträng? 🧵
I kod kallas ord och meningar för strängar. 🧵
En sträng är helt enkelt text inom citationstecken, som 'I love coding'. Låt oss skriva ut en! 💬
let sentence = 'I love coding';
console.log(sentence);Mellanslag mellan ord 🫧
Titta noga på en mening. Mellan varje ord finns ett mellanslag! 🫧
Mellanslaget fungerar som en liten vägg mellan orden. Vi kan använda det för att dela meningen! ✂️
let sentence = 'cats and dogs';
console.log('This sentence has spaces between words!');
console.log(sentence);Möt split! ✂️
JavaScript har ett magiskt verktyg som heter split! ✂️
Det delar upp en sträng i delar där vi anger. Vi ska dela vid varje mellanslag! 🫧
let sentence = 'cats and dogs';
let words = sentence.split(' ');
console.log(words);En lista med ord 📋
Såg Ni hakparenteserna [ ]? 📋
Det är en array! Det är en lista som innehåller varje ord separat. Så praktiskt! 🎉
let sentence = 'red blue green';
let words = sentence.split(' ');
console.log(words);
console.log('Nice, three separate words!');Välj ett ord 👆
Vi kan hämta ett ord från listan med hjälp av dess position! 👆
I kod börjar räkningen på 0. Därför är det första ordet 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]);Dela upp en längre mening 📜
Låt oss prova en längre mening! 📜
Oavsett hur lång den är delar split upp den i en prydlig lista med ord. 🪄
let sentence = 'I want to be a coder';
let words = sentence.split(' ');
console.log(words);Dela vid olika saker 🔡
Vi måste inte dela vid mellanslag! Vi kan dela vid vilken bokstav som helst! 🔡
Här delar vi ett ord vid varje bokstav 'a'. Försök Ni också! 😄
let word = 'banana';
let pieces = word.split('a');
console.log(pieces);Dela upp i bokstäver 🔠
Om vi delar med tomma citationstecken '' delar vi mellan VARJE bokstav! 🔠
Nu blir varje bokstav en egen del! Häftigt, eller hur? 😎
let word = 'cat';
let letters = word.split('');
console.log(letters);En hjälpare för uppdelning 🛠️
Låt oss skapa en hjälpare som delar upp en mening och visar delarna! 🛠️
Vi kan återanvända den för vilken mening vi vill! 🔁
function splitWords(sentence) {
let words = sentence.split(' ');
console.log('Pieces: ');
console.log(words);
}
splitWords('the sky is blue');Ni kan dela upp text! 🏆
Fantastiskt jobbat! 🏆 Ni har lärt Er att dela upp text!
- 🧵 Meningar är strängar
- ✂️
split(' ')delar vid mellanslag - 📋 Vi får en array (en lista) med ord
Nu ska vi RÄKNA orden! 🔢
Snabbkoll ✅
Dags att tänka! 🧠 Vad gör split(' ') med en mening?
Sammanfattning av lektionen 🎀
Bra jobbat, orduppdelare! 🎀 I dag lärde du dig:
- 🧵 Text är en sträng
- ✂️
splitdelar upp text i delar - 📋 Vi får tillbaka en array (lista)
- 👆 Vi hämtar ord med
[0],[1], ...
Nästa steg: att räkna alla dessa ord! 🔢
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 35
- Lektioner
- 140
Vanliga frågor
Är lektionen ”Dela upp text” gratis?
Ja – hela texten till ”Dela upp text” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i JavaScript för barn, kan Ni uppgradera till CoddyKit PRO. Kursen i JavaScript för barn innehåller totalt 4 lektioner.
Vad lär jag mig i ”Dela upp text”?
Dela upp i ord Ni övar på JavaScript för barn med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig JavaScript för barn?
Du behöver inga förkunskaper. Utbildningen i JavaScript för barn på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 4.
Hur lång tid tar lektionen ”Dela upp text”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här JavaScript för barn-lektionen?
Ja. Varje JavaScript för barn-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Dela upp text
- Räkna ord
- Räkna bokstäver
- Längsta ordet