【案例3-6】数组分隔
一、案例描述
- 考核知识点
分隔数组
- 练习目标
- 掌握分隔数组的方式。
- 掌握字符串的拼接。
- 需求分析
将字符串数组用|或其他符号分割,使用for循环遍历数组,并打印出分隔之后的数组。
- 案例分析
- 效果如图3-6所示。
- 分隔之后的数组
- 具体实现步骤如下:
- 在数组中定义字符串函数aa,bb,cc,ee。
- 定义分隔符为|。
- 输出aa|bb|cc|ee。
二、案例实现
根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>数组分隔</title>
- <script>
- // 将字符串数组用|或其他符号分割
- // 求一个字符串 aa|bb|cc|ee
- var array = ["aa", "bb", "cc","dd","ee"];
- var str = array[0]; // 取出数组的第一项aa
- //分隔符
- var seperator = "|";
- for (var i = 1; i < array.length; i++) {
- // str = str + seperator + array[i];
- str += seperator + array[i];
- }
- console.log(str) // 分隔之后的数组
- </script>
- </head>
- <body>
- </body>
- </html>