JavaScript内置方法题目练习

1.把字符串翻转成 "kjihgfedcba"

    思路有两种：

    第一种：

先分割字符串，运用for循环倒序遍历，用一个空字符接收，最后输出

 let str = "abcdefghijk";
      let str0=""
          str= str.split("")
       for(let i=str.length-1;i>=0;i--){
          str0+=str[i];
       }
       console.log(str0);//kjihgfedcba

  第二种：

利用js的内置函数reverse()直接倒转字符串，用join讲每一个分开

 let str = "abcdefghijk";
      str= str.split("")
       let str1 = str.reverse().join(",");
           console.log(str1 );//k,j,i,h,g,f,e,d,c,b,a

2.分别统计出 及格和不及格的分数总和

 let subjectList = [
        { score: 10 },
        { score: 20 },
        { score: 30 },
        { score: 40 },
        { score: 50 },
        { score: 60 },
        { score: 70 },
        { score: 80 },
        { score: 90 },
        { score: 100 }, 
      ];

 用过滤方法filter()讲大于等于60的选出来，再用reduce()方法把每一项累加，不及格的同理

 const pass=subjectList.filter((it)=>it.score>=60).reduce((acc,it)=>acc+=it.score,0)
 console.log(pass);//400
 const noPass=subjectList.filter((it)=>it.score<60).reduce((acc,it)=>acc+=it.score,0)
 console.log(noPass);//150
      

3. 截取域名 http://www.baidu.com  不能使用slice

 let href = "http://www.baidu.com?name=zs&age=18&sex=男";

用split()在？处分割，取它的前面半段，索引为0

 const domain = href.split('?')[0];
         console.log(domain);

4、获取问号后面的参数  name=zs&age=18&sex=男 并且转成对象  {name:'zs',age:18,sex:'男'}

 const domain1 = href.split('?')[1].split("&").map(it =>it.split('='));
        const domain2= Object.fromEntries(domain1)
         console.log(domain2);//{name: 'zs', age: '18', sex: '男'}

思路:

1. 同样先以'?'分割,取第二个元素
2. 再以'&'分割成数组
3. 使用map()对每个元素进行'='分割,转换成键值对数组
4. 将数组转换为对象,键为it[0],值为it[1]

利用map()和reduce()组合,可以更简洁地实现相同的效果。

5. 数组去重

let arr = [1, 2, 3, 4, 5, 1, 2, 3];

let uniq = arr.reduce((acc, it) => {
  if (!acc.includes(it)) {
    acc.push(it);
  }
  return acc;
}, []);
console.log(uniq ); //[1,2,3,4,5]

思路:

1. 使用reduce()遍历数组
2. 判断元素是否存在于累加器acc中,如果不存在就push进去

6. 统计数组中每个元素出现次数

let count = arr.reduce((acc, it) => {
  acc[it] = (acc[it] || 0) + 1;
  return acc;
}, {});
  console.log(count);
//{1: 2, 2: 2, 3: 2, 4: 1, 5: 1}

思路:

1. 同样使用reduce()遍历
2. 以元素为key,出现次数为value进行统计

总结

以上是几道JavaScript算法练习,分别运用了数组的reduce、filter等方法,并配合split、Object.fromEntries()等API进行处理。