Javascript for Kids · 课时

统计字母

统计字符

第 3 / 4 课13 个步骤

统计字母 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 3 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。

统计字母!🔠

又见面了,单词魔法师!📝 我们已经统计过单词,现在来统计字母吧!🔠

您的名字里有多少个字母?让我们教计算机把它们统计出来!🤖

字母也有长度 📏

您猜怎么着?字符串和数组一样,也有 .length!📏

对于字符串,.length 会统计字符(字母)的数量!🔠

let word = 'cat';
console.log('Letters in cat: ' + word.length);

统计您的名字 🙋

让我们统计名字中的字母!🙋

把名字改成您自己的名字,然后运行代码!您有多少个字母?😄

let name = 'Maya';
console.log(name + ' has ' + name.length + ' letters!');

空格也会被统计!🫧

注意!空格也是字符!🫧

在“I am”中,中间的空格算作 1 个字符。所以它一共有 4 个字符!🔢

let phrase = 'I am';
console.log('Characters (with space): ' + phrase.length);

字母统计器 🛠️

让我们制作一个字母统计机器!🛠️

给它一个单词,它就会返回字母数量!🤖

function countLetters(word) {
  return word.length;
}
console.log(countLetters('apple'));
console.log(countLetters('sun'));

统计时不包含空格 🚫🫧

如果我们只想统计字母,不统计空格,该怎么办呢?🚫🫧

我们先把文本分割成单词,再把每个单词的长度加起来!看看这个技巧吧!🪄

let sentence = 'big red dog';
let noSpaces = sentence.split(' ').join('');
console.log('Without spaces: ' + noSpaces);
console.log('Letters only: ' + noSpaces.length);

Join 将单词重新组合 🤝

您看到 join('') 了吗?它与 split 的作用正好相反!🤝

它会把片段重新粘合起来,片段之间不留空格。🪄

let words = ['I', 'love', 'code'];
let glued = words.join('');
console.log(glued);
console.log('Total letters: ' + glued.length);

单词和字母 📊

让我们同时统计 BOTH 单词和字母!📊

现在我们的统计器变得非常强大了!💪

let sentence = 'I love coding';
let words = sentence.split(' ');
let letters = sentence.split(' ').join('');
console.log('Words: ' + words.length);
console.log('Letters: ' + letters.length);

找出最大的单词?🤔

统计字母可以帮助我们比较单词!🤔

让我们看看哪个单词包含更多字母。“elephant”还是“ant”?🐘🐜

let word1 = 'elephant';
let word2 = 'ant';
console.log(word1 + ' has ' + word1.length + ' letters');
console.log(word2 + ' has ' + word2.length + ' letters');
if (word1.length > word2.length) {
  console.log(word1 + ' is longer! 🐘');
}

友好的报告 💬

让我们制作一份友好的字母报告!💬

它会告诉玩家单词以及字母数量!😄

function letterReport(word) {
  console.log('🔠 The word: ' + word);
  console.log('✏️ Letters: ' + word.length);
}
letterReport('rainbow');

您会统计字母了!🏆

太棒了!🏆 您学会统计字母了!

  • 📏 字符串也有 .length
  • 🫧 空格也算作字符
  • 🤝 join('') 可以移除空格

下一步:找出 LONGEST 单词!📏

快速检查 ✅

检查一下!🧠 对于像“dog”这样的字符串,word.length 会告诉我们什么?

课程回顾 🎀

做得很棒,字母统计小能手!🎀 今天您学会了:

  • 📏 字符串有 .length
  • 🫧 空格也是字符
  • 🤝 join('') 会把片段粘合起来
  • 🐘 比较长度可以找出更长的单词

下一步:挑战找出最长单词!📏

免费开始

用 AI 导师学习 JavaScript — 免费

在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。

课程
35
课程
140

常见问题解答

「统计字母」课时是免费的吗?

是的 — 「统计字母」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Javascript for Kids 课程的其余内容,请升级到 CoddyKit PRO。 Javascript for Kids 课程共包含 4 节课。

「统计字母」这节课中我会学到什么?

统计字符 你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Javascript for Kids 需要有经验吗?

无需任何先前经验。CoddyKit 上的 Javascript for Kids 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 3 节课,共 4 节。

「统计字母」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 Javascript for Kids 课中编写并运行代码吗?

能。每节 Javascript for Kids 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 拆分文本
  2. 统计词语
  3. 统计字母
  4. 最长的词
← 返回 Javascript for Kids