Codewars-Javascript训练手册:正则表达式(Regular Expressions)

Autocomplete! Yay!(字符串自动补全)

The autocomplete function will take in an input string and a dictionary array and return the values from the dictionary that start with the input string. If there are more than 5 matches, restrict your output to the first 5 results. If there are no matches, return an empty array.(autocomplete 函数输入一个字符串和字典数组,返回开头是该字符串的值,返回值的个数最多限制为5个,无匹配则返回空数组)
对于输入字符串的要求:Any input that is NOT a letter should be treated as if it is not there. For example, an input of “$%^” should be treated as “” and an input of “ab*&1cd” should be treated as “abcd”.

Example:

autocomplete('ai', ['airplane','airport','apple','ball']) = ['airplane','airport']

初始解决方案:

function autocomplete(input, dictionary){
  var str = input.replace(/[^A-Za-z]+/g,'');
  var pattern = new RegExp('^'+str,'i');
  var temp = dictionary.filter(function(value){
    if(pattern.test(value)){return true;
    }else{
      return false;
    }
  });
  return temp.length<6?temp:temp.slice(0,5);
}

知识点:创建一个正则表达式有两种方式,一是直接量语法var reg = /pattern/ 适用于正常输入的正则表达式,二是创建 RegExp 对象,语法是new RegExp(pattern, attributes);例如:var reg = new RegExp('pattern','gi') 第二种语法适用于对正则表达式的拼接。注意第一种语法直接输入正则的内容即可,解释器通过/×××/ 这样的形式确认类型为RegExp对象。而第二种语法则类似字符串的写法。
优化代码:

//正则表达式的变量pattern可以简写为:
var pattern = new RegExp('^'+input.replace(/[^A-Za-z]+/g,''),'i')
//Array的slice语法中的第二个参数可以大于Array的长度,对输出无影响,例:
var tt = ['a','b'];
console.log(tt.slice(0,5));//输出为 ["a", "b"]
//因此可以简化最后一步的判断输出结果是否超过5个值
 return dictionary.filter(function(w){ return r.test(w); }).slice(0, 5);

所以,最简的代码是:

function autocomplete(input, dictionary){
  var r = new RegExp('^' + input.replace(/[^a-z]/gi,''), 'i');
  return dictionary.filter(function(w){ return r.test(w); }).slice(0, 5);
}

这正是Codewars上得票最高的答案。

Credit Card Mask(信用卡字符加密)

给出一个函数maskify用“#”字符替换超过4个字符的字符串,4个字符则返回自身。例如:

maskify("4556364607935616") == "############5616"
maskify(     "64607935616") ==      "#######5616"
maskify(               "1") ==                "1"
maskify(                "") ==                 ""

本以为可以用一个正则表达式可以解决问题,然而发现RegExp {X} 量词中x必须为数字。于是将原字符串分割开进行匹配,代码如下:

function maskify(cc) {
var len = cc.length;
if(len<5){
  return cc;
}else{
//对字符串分割后进行正则匹配
  return cc.slice(0,len-4).replace(/w/g,'#') + cc.slice(len-4);
}
}

然而,我忘了正则的另外一个用法:/regexp(?=n)/ ?=n 量词匹配任何其后紧接指定字符串 n 的字符串,但匹配的内容并不包括指定字符串n。
所以,Codewars最简短的代码正是如此:

function maskify(cc) {
  return cc.replace(/.(?=....)/g, '#');
  //也可写出cc.replace(/.(?=.{4})/g, '#')
}
原文地址:https://www.cnblogs.com/xihe/p/6138615.html