FreeCodeCamp-JavaScript初级算法题

FCC:GitHub - FreeCodeCamp/FreeCodeCamp: The https://FreeCodeCamp.com open source codebase and curriculum. Learn to code and help nonprofits.

期初我觉得FCC只是一个供新手学习和进阶的“闯关游戏”,但是现在觉得,里面“关卡”的设置真是的“niubility”,帮助我理清了许多学习思路。这里主要记录初级算法题部分,但是对于刚入门的新人来说,还是有点难度的。所以在这里记录下来,供自己和大家参考。(如果正在闯关的前端er看到了这里的答案,还请不要复制粘贴,理解之后自己一个字母一个字母的敲出来,这样才能加深记忆达达到理解的效果。)

“庖丁解牛”的故事大家都知道,其实编程也是一样的套路。拿到需求或者遇到问题,都不能直接拿着刀就剁。“分析-演算-试验-解决”是我认为的正确编程思路,也同样应用于生活中。

因为我是一个小白+菜鸟,所以如果有错误或者解答不到位的地方还请直接指正。

1.Reverse a String

翻转字符串:先把字符串转化成数组,最后把数组转化成字符串。
“Read-Search-Ask”:Global String ObjectString.split()Array.reverse()Array.join()

答:
function reverseString(str) {
  str = str.split("").reverse().join("");
  return str;
}

解:split()是将字符串(string对象)分割为数组,reverse()是将数组翻转,join()是将数组中的元素放入字符串中。

       这里的split("")用法是将字符串中的每一个字符分开放到数组里面,如:str = "hello world",则str.split("")是["h","e","l","l","o"," ","w","o","r","l","d"](注意,空格也转化为了数组中的一个元素,表现为" ")。
       reverse()就很好理解了,将str.split("")得到的数组翻转,得到["d","l","r","o","w"," ","o","l","l","e","h"]。
       join("")是将数组里面的元素放入一个字符串里面,得到"dlrow olleh"。

2.Factorialize a Number

计算一个整数的阶乘:如果用字母n来代表一个整数,阶乘代表着所有小于或等于n的整数的乘积。
“Read-Search-Ask”:Arithmetic Operators

答:
function factorialize(num) {
  if(num == 0 || num==1){
    return 1;
  }else{
    return num*factorialize(num-1);
  }
}
factorialize(5);

解:(算数运算符就不介绍了,请自行查阅文档或者Google。)在计算阶乘的时候,切忌不能直接算,要考虑不同场景,比如0、1怎么办。这时我们在脑子里面过一下,需要判断条件的时候怎么办?当然是用If语句,因此 num == 0 || num ==1 的条件就出来了,当num等于0或者1的时候,返回0;其他条件下返回num*(num-1)*(num-2)*...,因此需要每一次在运算的时候都要用参数num乘以factorialize(num-1)。
        第一次在遇到这个问题的时候,怎么都不会做,用过很多很sb的方法,比如for循环等等,发现还是没有办法得到结果。后来一想,循环的想法是对的,调用函数本身就可以了。然后就有了num*factorialize(num-1)。(当循环到num=1的时候即返回1并停止)

        但是这种写法耦合度太高了,可以使用return num*arguments.callee(num-1),arguments.callee指向当前运行的函数。

3.Check for Palindromes

回文:如果一个字符串忽略标点符号、大小写和空格,正着读和反着读一模一样,那么这个字符串就是palindrome(回文)。(你需要去掉字符串多余的标点符号和空格,然后把字符串转化成小写来验证此字符串是否为回文。)
“Read-Search-Ask”:String.replace()String.toLowerCase()

答:
function palindrome(str) {
  var arr = str.toLowerCase().replace(/[^0-9a-zA-Z]/g, "");
  var reversearr = arr.split("").reverse().join("");
  if (arr === reversearr) {
    return true;
  } else {
    return false;
  }
}

解:这题考察的是简单的正则表达式,字符串翻转用题目1的方法即可。正则表达式还是自己搜索查询吧。

4.Find the Longest Word in a String

找到提供的句子中最长的单词,并计算它的长度。
“Read-Search-Ask”:String.split()String.length

答:
function findLongestWord(str) { 
  var str1 = str.split(" "); 
  var max = str1[0].length; 
  for(var i=0;i<str1.length;i++){
    if(str1[i].length>=max){
      max= str1[i].length;
    }
  }
  return max;
}

解:拆解题目:找最长的单词,算长度。(该题目传入的str没有标点和特殊符号,不需要处理)
我们将句子中的单词拆开放入数组里面,可以理解为以空格(" ")为分隔符,将字符串分割为数组,然后用for循环来遍历新数组中的元素长度即可。创建一个新变量max,并让他等于新数组的第一个元素,return max一定要再for循环外面,不然循环会停止在i=0的时候。

5.Title Case a Sentence

确保字符串的每个单词首字母都大写,其余部分小写。
“Read-Search-Ask”:String.split()

答:
function titleCase(str) {
  var array = str.toLowerCase().split(" ");
  for (var i = 0; i < array.length; i++){
    array[i] = array[i][0].toUpperCase() + array[i].substring(1, array[i].length);
  }
  var string = array.join(" ");
  return string;
}

解:我采用的方法是取得每个元素的首字母编程大写,加上substring方法取得除了第一个字符之外的所有字符,然后拼接为新的字符串,然后用join()方法返回字符串。基本上还是一个循环的思想。
思路:将字符串转化为小写——分割为数组——每个元素首字母大写-拼接为字符串。

6.Return Largest Numbers in Arrays

右边大数组中包含了4个小数组,分别找到每个小数组中的最大值,然后把它们串联起来,形成一个新数组。
“Read-Search-Ask”:Comparison Operators

答:
function largestOfFour(arr) {  
  var newArr = [];  
  for(var i=0;i<arr.length;i++){
    var max = arr[i][0];
    for(var j=0;j<arr[i].length;i++){
       if(arr[i][j]>=max){
        max = arr[i][j];
      }
    }
    newArr[i]  = max;
  }
return newArr;
}
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);

解:这里我采用的是问题4的方法,当然有其他比这个简洁很多的方法,但是考虑到循序渐进,还是用这种方法来加深对循环比较的理解。
思路:创建一个数组,留作放入取到的最大值——2层循环,得到每个数组里面的最大值——放入创建的数组中。

7.Confirm the Ending

检查一个字符串(str)是否以指定的字符串(target)结尾。如果是,返回true;如果不是,返回false。
“Read-Search-Ask”:String.substr()

答:

function confirmEnding(str, target) {
  var lastNum = str.substr(str.length-target.length);
  if(lastNum == target){
    return true;
  }
  return false;
}

confirmEnding("He has to give me a new name", "me");

解:刚开始看到题目,我擦,这么简单,哗哗直接写lastNum=str.substr(str.length-1,1),但是运行的时候不对,再回头看的时候发现target.length不一定只等于1。所以直接取str.length-target.length到str的末尾就可以了。substr()的用法请参考“Read-Search-Ask”

8.Repeat a string repeat a string

重复一个指定的字符串num次,如果num是一个负数则返回一个空字符串。
“Read-Search-Ask”:Global String Object

答:

function repeat(str, num) {
  var arr=[];
  if(num<0){
    return str = "";
  }else{
    for(var i=0;i<num;i++){
      arr[i] = str.split("").join("");
    }
    return arr.join("");
  }
}

repeat("abc",-2);

解:这题相对简单,我采用的是split()和join()方法让字符串转化为数组再转成字符串。当然也可以在函数内申明一个变量,并赋值为字符串,var newStr="";然后在for循环内部写newStr += str。
思路:条件判断——if(){}else{}——字符串变为数组——循环——数组转为字符串。

9.Truncate a string

截断一个字符串!如果字符串的长度比指定的参数num长,则把多余的部分用...来表示。切记,插入到字符串尾部的三个点号也会计入字符串的长度。但是,如果指定的参数num小于或等于3,则添加的三个点号不会计入字符串的长度。
“Read-Search-Ask”:String.slice()

答:
function truncate(str, num) {
  if(str.length<=num){
    return str;
  }else{
    if(num<=3){
      return str.slice(0,num)+"...";
    }else{
      return str.slice(0,num-3)+"...";
    }
  }
}

truncate("A-tisket a-tasket A green and yellow basket",11);

解:考察的是条件判断语句if(){}else{},分为两种情况:1.str的长度比num大,直接返货str;2.str的长度比num小,但是内部嵌套一层判断num<=3和num>3的情况,当num<=3的时候,"..."不计入字符串长度,当num>3的时候,"..."计入字符串长度,所以会产生内部判断。
思路:条件判断——嵌套条件判断——查看slice()用法

10.Chunky Monkey

把一个数组arr按照指定的数组大小size分割成若干个数组块。例如:chunk([1,2,3,4],2)=[[1,2],[3,4]];chunk([1,2,3,4,5],2)=[[1,2],[3,4],[5]];
“Read-Search-Ask”:Array.push();String.slice()

答:

function chunk(arr, size) {
  var temp=[];
  for(var i=0;i<arr.length;i=i+size){
    temp.push(arr.silce(i,i+size));
  }
  return temp;
}

chunk(["a", "b", "c", "d"], 2);

解:最重要的还是for循环中的i=i+size,push()和slice()用最基本的就可以了。为什么使用i=i+size?因为我们要根据size的值来截取数组,因此在每一次循环的时候,i都必须等于i+size。打个比方,size=2的时候,第一次循环i=0,那么第二次循环 i 是不是要等于0+2?同理,i=10的时候,第二次循环 i 就要等于0+10.
思路:循环遍历——slice()切割——push()添加元素到新数组——循环结束返回新数组

11.Slasher Flick

返回一个数组被截断n个元素后还剩余的元素,截断从索引0开始。
“Read-Search-Ask”:String.slice()Array.splice()

答:

function slasher(arr, howMany) {
  arr.splice(0,howMany);
  return arr;
}

slasher([1, 2, 3], 2);

解:有两种方法,一个是用splice(),另一个是用slice()。但是题目要求索引从0开始,所以用splice()方法(slice(howMany)——从howMany开始,截取到结尾)。但是:如果函数内用return arr.splice(0,howMany); 或者var newArr = arr.splice(0,howMany);return newArr; 返回的值则是[1,2]。理解为:splice()方法会改变原数组,并返回删除的项目。app.splice(0,howMany)返回的截断部分的数组;当我先截断数组(arr.splice(0,howMany)),再返回arr的时候,返回的是改变后的数组,即除去截断部分的剩余数组。

12.Mutations

如果数组第一个字符串元素包含了第二个字符串元素的所有字符,函数返回true。举例,["hello", "Hello"]应该返回true,因为在忽略大小写的情况下,第二个字符串的所有字符都可以在第一个字符串找到。["hello", "hey"]应该返回false,因为字符串"hello"并不包含字符"y"。["Alien", "line"]应该返回true,因为"line"中所有字符都可以在"Alien"找到。
“Read-Search-Ask”:String.indexOf()

答:

function mutation(arr) {
  var arr0 = arr[0].toLowerCase();
  var arr1 = arr[1].toLowerCase();
  for(var i = 0; i < arr1.length; i++){
    if(arr0.indexOf(arr1[i]) < 0){
      return false;
    }
  }
  return true;
}

mutation(["hello", "neo"]);

解:理解题目意思,用数组的第二个元素跟第一个元素对比,即用arr[1]和arr[0]对比,然后用arr[1].toLowerCase()的每个字符在arr[0].toLowerCase()中遍历,来寻找是否有相同的字符,如果没有就返回false;如果循环结束,发现都有,则返回true。
思路:每个元素变为小写——循环遍历每个字符——条件判断

13.Falsy Bouncer

删除数组中的所有假值。在JavaScript中,假值有false、null、0、""、undefined和NaN。
“Read-Search-Ask”:Boolean Objects;Array.filter()

答:

function bouncer(arr) {
  //return arr.filter(Boolean);
  function check(ele){
    return Boolean(ele)!==false;
  }
   var newArr = arr.filter(check);
   return newArr;
}

bouncer([7, "ate", "", false, 9]);

解:剔除掉数组中的假值,在JavaScript中的假值有false、null、0、""、undefined和NaN,他们的布尔值都为false,理解了这个解这道题目就简单了。filter()是筛选出数组中满足函数条件的元素,所以答中的check()返回true,然后filter()筛选出为true的元素。因为filter()不会改变原数组,所以建议申明新数组接收true的元素, var newArr = arr.filter(check); return newArr;,而不是 arr.filter(check); return arr;。
      第二行注释掉的 return arr.filter(Boolean);也可以得到答案,因为Boolean如果不赋值的话,默认值为false。
思路:找到数组中true元素——剔除数组中不是true的元素

14.Seek and Destroy

实现一个摧毁(destroyer)函数,第一个参数是待摧毁的数组,其余的参数是待摧毁的值。
“Read-Search-Ask”:Arguments object;Array.filter()

答:

function destroyer(arr){
  var newArr = [];
  for(var i=1;i<arr.length;i++){
    newArr.push(arguments[i]);
  }
  var temp = arr.filter(function(item,index,array){
    return newArr.indexOf(item) < 0;
  });
  return temp;
  }

destroyer([1, 2, 3], 2, 3);

解:这里用到arguments,filter(),index()方法。首先需要声明一个新数组来接收arguments中的除了数组arr的部分(即示例中的2,3),然后再声明一个新数组来接收“被摧毁过的函数”。
      为什么要使用return newArr.indexOf(item) < 0;?因为这里传进来的item是数组arr中的元素,newArr.indexOf(item)是来检查arr中的元素item在不在newArr中,因为题目需要,要取得不在newArr中的元素,所以需要判断条件“<0”。
      刚开始我以为 arr = [1,2,3],2,3,后来在浏览器中console.log一下,才发现arr = [1,2,3],arr外面的2,3是其他参数,没有标明。
思路:创建新数组接收“待摧毁的值”——检查原数组的元素在不在新数组中——在新数组中的不要——再创建新数组接收上一步不要的元素。

15.Where do I belong

先给数组排序,然后找到指定的值在数组的位置,最后返回位置对应的索引。
举例:where([1,2,3,4], 1.5)应该返回1。因为1.5插入到数组[1,2,3,4]后变成[1,1.5,2,3,4],而1.5对应的索引值就是1。
同理,where([20,3,5], 19)应该返回2。因为数组会先排序为[3,5,20],19插入到数组[3,5,20]后变成[3,5,19,20],而19对应的索引值就是2。
“Read-Search-Ask”:Array.sort()

答:

function where(arr, num) {
  arr.push(num);
  arr.sort(function(a,b){
    return a-b;
  });
  return arr.indexOf(num);
}

where([40, 60], 50);

解:arr.push()返回的是新数组的length值,因此先将num放到数组中,然后再sort()排序。sort()方法请参考“Read-Search-Ask”:Array.sort()
思路:将num放入数组arr中——排序(sort())——查找索引(indexOf())

16.Caesars Cipher

下面我们来介绍风靡全球的凯撒密码Caesar cipher,又叫移位密码。移位密码也就是密码中的字母会按照指定的数量来做移位。
一个常见的案例就是ROT13密码,字母会移位13个位置。由'A' ↔ 'N', 'B' ↔ 'O',以此类推。
写一个ROT13函数,实现输入加密字符串,输出解密字符串。
所有的字母都是大写,不要转化任何非字母形式的字符(例如:空格,标点符号),遇到这些特殊字符,跳过它们。
“Read-Search-Ask”:String.charCodeAt()String.fromCharCode()

答:

function rot13(str) {
  var newArray = [];
  for(var i = 0;i < str.length;i++){
    var numbers = str.charCodeAt(i);
    if(numbers < 65 || numbers > 90){
      newArray.push(String.fromCharCode(numbers));
    }else if(numbers > 77){
      newArray.push(String.fromCharCode(numbers - 13));
    }else{
      newArray.push(String.fromCharCode(numbers + 13));
    }
  }
  return newArray.join("");
}

rot13("SERR PBQR PNZC");

解:考察的是String.charCodeAt()String.fromCharCode()两个方法,不是很难,只是题目看起来吓人。用if(){}else{}条件判断来实现“加密”,创建新数组来接收“加密”后的元素,最后join()方法将数组转为字符串;
思路:条件判断——创建新数组接收——转为字符串。

到这里,JS初级算法就结束了,接下来我要去啃一啃高程了,夯实了基础再去刷FCC上面的中级算法题。

这些题目是值得多次刷的,每次刷的时候查阅文档都有不一样的收获。

虽然这些算法在平时自己学习练习写demo的时候不一定能用到,但是对培养自己编程思想非常有益。

写给差点从入门到放弃的自己
2017/1/5

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,233评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,013评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,030评论 0 241
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,827评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,221评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,542评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,814评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,513评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,225评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,497评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,998评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,342评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,986评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,812评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,560评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,461评论 2 266

推荐阅读更多精彩内容