【案例3-4】求字符串数组中每一项的长度
一、案例描述
- 考核知识点
for循环、声明新数组
- 练习目标
- 掌握for循环的使用。
- 掌握数据的声明。
- 需求分析
已知一个字符串数组,求字符串数组中每一个字符的长度,存储到一个新的数组中。
- 案例分析
- 效果如图2-6所示。
- 元素个数
- 具体实现步骤如下:
- 定义一个数组array,存放字符串元素。
- 定义个新数组newArray,用来存放字符串长度。
- for循环遍历array数组,并把每一项元素的长度赋值给newArray。
- 输出newArray新数组。
二、案例实现
根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>求字符串数组中每一项的长度</title>
- <script>
- var array = ["22222", "a" , "", "aaaaa"];
- var newArray = [];
- for (var i = 0; i < array.length; i++) {
- var length = array[i].length;
- newArray[i] = length;
- }
- console.log(newArray);
- </script>
- </head>
- <body>
- </body>
- </html>
运行代码,打开谷歌浏览器,按“F12”在控制面板“Console”查看即可得到图3-4所示的效果。