JavaScript lesson 7: String methods
US version. US grades and US spelling. · UK version of this lesson
.length counts the characters in a string, spaces too. Characters are numbered from 0: in "robot", w[0] is r and the last is w[w.length - 1]. A complete 40-minute JavaScript lesson for beginners (Grades 7–8), from Unit 3: Working with text. It runs right here in your browser – nothing to install.
- Time
- 40 minutes + 20 min homework
- Grade
- Grades 7–8 (ages 12–13)
- You need
- A computer or tablet, paper and a pencil
- Graded
- Instantly, with explanations
For parents: how to use this lesson
You don't need to know JavaScript yourself. The lesson explains each step on screen, the way Mr Babbage, our Head of Computing, likes it: a worked example first, then a go for your child. Code questions run your child's program in the browser – graded straight away.
- Read what your child will learn together.
- Press Start the lesson below. Sit with your child for the teaching and the worked example (about 16 minutes): ask them to say what each line does.
- Let them do the practice on their own. When code goes wrong, the error message is a clue – let them read it out and try again before you help.
- Finish with the talk question: Which string method do you think you will use most, and what for?
Watch out for
- The first character is at index 1. Counting starts at 0.
toUpperCase()changes the variable. Print the variable afterwards: it is unchanged until you store the new string.
Miss Lovelace's tip for home: ask your child to explain one line of their program to you in their own words. If they can explain it, they understand it – and every error message is a clue, not a failure.
What your child will learn
Learning goal: find a string's length and its characters.
Success looks like
- I can find a string's length and its characters.
- I can use
toUpperCase(),slice(),includes()andindexOf(). - I can explain that string methods make a NEW string.
Key words
length · index · method · slice · includes · indexOf
What to have ready
- A device with a web browser (the code runs in the browser – nothing to install)
- Paper for tracing
- A keyboard helps for typing code (a tablet or phone works too)
The big ideas (for the adult)
.length counts the characters in a string, spaces too. Characters are numbered from 0: in "robot", w[0] is r and the last is w[w.length - 1].
slice(1, 3) gives the characters from index 1 up to (but not including) 3. includes("ob") is true or false, and indexOf("b") gives the position, or -1 if it isn't there.
String methods never change the original. name.toUpperCase() makes a NEW string; to keep it, store it: name = name.toUpperCase().
Worked example – see it
const c = "Dublin" console.log(c.toLowerCase())
It prints:
dublin
The lesson, step by step
| Part | Time | How it is checked |
|---|---|---|
| Starter | 5 min | Graded by Classfern |
| Teaching input | 8 min | Read, watch and talk |
| See it, then predict | 8 min | Graded by Classfern |
| Put it in order, write it, fix it | 14 min | Graded by Classfern |
| Closure and exit ticket | 5 min | Graded by Classfern + self-check |
The lesson
It runs here on the page. No sign-up and no names – progress is kept only in this browser. Each visit picks a new mix of questions.
Homework
20 minutes: 7 questions – predict what code prints, write or fix a short program, and check the key ideas – then a short reflection. New questions every time, all graded instantly.
Practice tests
Curriculum
CSTA K–12 Computer Science Standards (2017), grades 6–8: 2-AP-11 – Create clearly named variables of different data types and operate on them; 2-AP-16 – Use existing code, media and libraries in original programs, with attribution.
The standard codes are CSTA's; the descriptions are our own words.
Our lessons and questions are our own. They are not written or endorsed by any government department, testing agency or exam board. JavaScript is a trademark or registered trademark of Oracle Corporation in the U.S. and other countries; Classfern is not affiliated with or endorsed by it.