美文网首页
前端面试记(二)

前端面试记(二)

作者: kyuubi__ | 来源:发表于2017-04-05 12:43 被阅读0次

字符串匹配------exec()与match()

原题是这样的
在 'abcdefg' 中匹配 'efg'.
一看是不是很简单? 但是当时我在用exec()还是match()之间纠结了一会。。
这两个方法都可以实现字符串匹配的功能,前者是RegExpObject的方法,后者是StringObject的方法。下面就来看看它们的异同。

当正则是非全局匹配模式时,

此时,RegExp的exec()返回的结果与String.match()返回的结果是相同的。

  let reg = /efg/;
  let str = 'abcdefgefgefg';

  const matchStr = (str)=> str.match(reg);

  const execStr = (str)=> reg.exec(str);

  matchStr(str);   //["efg", index: 4, input: "abcdefgefgefg"]
  execStr(str);    //["efg", index: 4, input: "abcdefgefgefg"]

此时,match()和exec()都只执行一次匹配.若没有找到任何匹配的文本,返回null。否则,返回一个数组。
其中,第0个元素存放的是匹配文本,index 属性声明的是匹配文本的起始字符在 string 中的位置,input 属性声明的是对 string 的引用。

当正则是全局匹配模式时
  1. match()返回一个数组,里面存放所有的匹配子串,不会声明匹配子串的位置,所以没有input和index属性。
  let reg = /efg/g;
  let str = 'abcdefgefgefg';
  const matchStr = (str)=> str.match(reg);  //["efg", "efg", "efg"]
  1. exec()在RegExp对象的lastIndex属性指定的字符处开始检索字符串,默认等于0。当 exec() 找到了与表达式相匹配的文本时,在匹配后,把 RegExp 的 lastIndex 属性设置为匹配文本的最后一个字符的下一个位置。直到匹配完成,返回结果null.因此,在循环中反复地调用 exec() 方法可获得全局模式的完整检索信息。
  let reg = /efg/g;
  let str = 'abcdefgefgefg';
  const execStr = (str)=> {
      let result;
      while(result = reg.exec(str)){
        console.log(result);
      }
  }
  execStr(str);  // ["efg", index: 4, input: "abcdefgefgefg"]
                 // ["efg", index: 7, input: "abcdefgefgefg"]
                 // ["efg", index: 10, input: "abcdefgefgefg"]

因此,用 match() 还是 exec(), 就看你需要什么信息了。

出现次数最多的字符

这次还写了一道 “求一个字符串中出现次数最多的字符,以及出现多少次”。当时脑海中马上闪出 Object.entries()。
但这个方法是es7提出的草案,目前处于试验中的功能。
不过既然是捣腾代码,就试一下吧~

  1. 首先可以用一个Object记录相应的字符出现了多少次,获取每个字符的方法 stringObject.charAt()
  2. 遍历对象,找出次数最多的字符以及次数.这里我用的是 Object.entries();
  const getChar = (str)=> {
      let obj = {};
      let len = str.length;
      for(let i = 0;i<len;i++){
        let char = str.charAt(i);
        if(!obj[char]){
          obj[char] = 1;
        }else{
          obj[char]++;
        }
      }
      let count = 0 , char = '';

      // 用es5的for in 循环,或者Object.keys()都可以

      for(let [key,value] of Object.entries(obj)){
        if(value > count){
          char = key;
          count = value;
        }
      }
      console.log(`character ${char} had shown up ${count} times`);
   }
   getChar('sasdgthgsfsggaasssss');   // character s had shown up 9 times

相关文章

  • 前端面试记(二)

    字符串匹配------exec()与match() 原题是这样的在 'abcdefg' 中匹配 'efg'.一看是...

  • 前端模拟面试【二面】

    前言 之前写了一篇关于前端模拟面试的文章——前端模拟面试【一面】 今天咱们接着进行前端模拟面试二面。因为有很多是一...

  • 前端面试的经典题

    前端面试的经典题 前端面试三部曲 前端面试概念收集器 前端面试的经典题 前端面试的难题和怪题 Javascript...

  • 值得看的前端面试文章- 收藏集 - 掘金

    【前端面试 -- 四月二十家前端面试题分享】1-5 套个人解题答案 - 前端 - 掘金前端面试题 前端面试--四月...

  • 前端面试概念收集器

    前端面试概念收集器 前端面试三部曲 前端面试概念收集器 前端面试的经典题 前端面试的难题和怪题 本文分为 概念,原...

  • 前端面试的难题和怪题

    前端面试的难题和怪题 前端面试三部曲 前端面试概念收集器 前端面试的经典题 前端面试的难题和怪题 函数 答案 Er...

  • 记一次网易前端实习面试

    记一次网易前端实习面试 很幸运地能收到网易的面试通知,就毫不犹豫翘了课去面试了hhhh三点的面试,因为从来没去过那...

  • 记一次网易前端实习面试

    记一次网易前端实习面试 很幸运地能收到网易的面试通知,就毫不犹豫翘了课去面试了hhhh三点的面试,因为从来没去过那...

  • PHPer 面试指南-扩展阅读资源整理

    前端篇 收集的前端面试题和答案 前端开发面试题 史上最全的web前端面试题汇总及答案 前端工程师手册 HTTP协议...

  • PHPer 面试指南-扩展阅读资源整理

    前端篇 收集的前端面试题和答案 前端开发面试题 史上最全的web前端面试题汇总及答案 前端工程师手册 HTTP协议...

网友评论

      本文标题:前端面试记(二)

      本文链接:https://www.haomeiwen.com/subject/vaitattx.html