[午间休息] - 午间codewars活跃脑袋

https://www.codewars.com/kata/51f2b4448cadf20ed0000386/javascript

中午是一个易困的时间段.如果其它人不睡觉还好.

这个js题目就是说如果你的函数传入一个url路径,但是你要把含有#的给去掉

Complete the function/method so that it returns the url with anything after the anchor (#) removed.

// returns 'www.codewars.com'
removeUrlAnchor('www.codewars.com#about')

// returns 'www.codewars.com?page=1' 
removeUrlAnchor('www.codewars.com?page=1')

//my solution
function removeUrlAnchor(url){
  // TODO: complete
  
  if(url.indexOf("#") != -1){
    return url.substring(0,url.indexOf("#"));  
  }else{
    return url;
  }
}

这个显然通过了,使用了substring,如果含有#,则通过#进行剪切,否则那就是没有#,直接返回原链接.

但是太过于逻辑化,CW大神的解:

function removeUrlAnchor(url){
  return url.split('#')[0];
}

这表示通过#符号将链接分为数组,并返回获取数组下标0的元素.

是的,连判定url是否含有#都省去了.

之后还有这个:

function removeUrlAnchor(url){
  // TODO: complete
  return url.replace(/#.*/gi,"");
}

使用了正则表达式./#.*/gi   (g: 全局匹配 i: 忽略大小写 gi: 全局匹配 + 忽略大小写) #.*表示贪婪匹配匹配#后的所有东西

之后还有match:

function removeUrlAnchor(url)
{
  return url.match(/([^#]*)/)[1];
}

只要是”^”这个字符是在中括号”[]”中被使用的话就是表示字符类的否定，如果不是的话就是表示限定开头。

这里的[1]我很有疑问,我把这个答案跑了一遍,之后将1改为[0]后依然全票通过.

match返回的是数组,这个就是说除了#和后面的可以获取到的元素数组的[0]下标0,但下标[1]竟然也是通过了.(这个疑问之后再详解)