aabccd统计每个字符出现的次数，结果显示{ a: 2, b: 1, c: 2, d: 1 }；去掉重复的字符，使结果显示abcd - 若水一方

aabccd统计每个字符出现的次数，结果显示{ a: 2, b: 1, c: 2, d: 1 }；去掉重复的字符，使结果显示abcd

遍历字符串的方式和遍历数组的方式有点相似，或者说就是相同的。在学习数组的遍历方法之前，可以通过for循环去遍历数组，同样，字符串也可以；字符串跟数组都有一个length的属性。下面代码奉上，个人思路！

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>Document</title>
 9 </head>
10 
11 <body>
12 
13 </body>
14 <script>
15     // aabccd统计每个字符出现的次数，结果显示{ a: 2, b: 1, c: 2, d: 1 }
16     // 去掉重复的字符，使结果显示abcd
17     // 创建字符串
18     var str = "aabccd";
19     // 创建空对象存储结果
20     var obj = {};
21     // 遍历字符串
22     for (var i = 0; i < str.length; i++) {
23         // 将位置i所对应的字符赋给x
24         var x = str.charAt(i);
25         // 判断这个字符的属性值
26         if (obj[x] == undefined) {
27             obj[x] = 1;
28         } else {
29             obj[x]++;
30         }
31     }
32     // 打印对象
33     console.log(obj);
34     // 创建空字符串
35     var str1="";
36     // 遍历对象
37     for (var i in obj) {
38        str1+=i;
39     }
40     // 打印
41     console.log(str1);
42 </script>
43 
44 </html>

里面还用到了对象，比如当对象的key为变量时使用中括号可以获取到；当key为具体的值时，用点语法。切记！切记！切记勿将字符串和数组混淆！

posted on 2019-08-22 08:21 若水一方阅读(1539) 评论(1) 收藏举报

刷新页面返回顶部