首页 > > 网页制作 > Javascript >

FreeCodeCamp初级算法部分学习

2019-02-25 16:11:41来源：博客园阅读 ()

Reverse a String

翻转字符串

先把字符串转化成数组，再借助数组的reverse方法翻转数组顺序，最后把数组转化成字符串。

你的结果必须得是一个字符串

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

Global String Object

String.split()

Array.reverse()

Array.join()

 1  function reverseString(str) {
 2   // 请把你的代码写在这里
 3   var val=[];
 4   val=str.split('');
 5   str=(val.reverse()).join('');
 6   return str;
 7 }
 8 
 9 
10 reverseString("hello");

Factorialize a Number

计算一个整数的阶乘

如果用字母n来代表一个整数，阶乘代表着所有小于或等于n的整数的乘积。

阶乘通常简写成 n!

例如: 5! = 1 * 2 * 3 * 4 * 5 = 120

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

Arithmetic Operators

 1 function factorialize(num) {
 2   // 请把你的代码写在这里
 3   if(num === 0)
 4     return 1;
 5   else if (num == 1)
 6     return num;
 7   else
 8     return num*factorialize(num-1); //这里采用了递归的方法
 9 }
10 
11 
12 factorialize(0);

Check for Palindromes

检查回文字符串

如果给定的字符串是回文，返回true，反之，返回false。

如果一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样，那么这个字符串就是palindrome(回文)。

注意你需要去掉字符串多余的标点符号和空格，然后把字符串转化成小写来验证此字符串是否为回文。

函数参数的值可以为"racecar"，"RaceCar"和"race CAR"。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

String.replace()

String.toLowerCase()

 1 function palindrome(str) {
 2   // 请把你的代码写在这里
 3   var val=[];
 4   var str1,str2;
 5   val=str.replace(/[^a-zA-Z0-9]/g,'').toLowerCase().split('');
 6   str1=val.join("");
 7   str2=val.reverse.join('');
 8   if (str1===str2)
 9      return true;
10   else
11     return false;
12 }
13 
14 
15 palindrome("eye");

Find the Longest Word in a String

找出最长单词

在句子中找出最长的单词，并返回它的长度。

函数的返回值应该是一个数字。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

String.split()

String.length

 1 function findLongestWord(str) {
 2   // 请把你的代码写在这里
 3   var val=str.split(' ');
 4   var j=0;
 5   for(var i=1;i<val.length;i++){
 6     if(val[j].length<val[i].length)
 7       j=i;
 8   }
 9   
10   return val[j].length;
11 }
12 
13 
14 findLongestWord("The quick brown fox jumped over the lazy dog");

Title Case a Sentence

句中单词首字母大写

确保字符串的每个单词首字母都大写，其余部分小写。

像'the'和'of'这样的连接符同理。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

String.split()

 1 function titleCase(str) {
 2   // 请把你的代码写在这里
 3   var val=str.toLowerCase().split(' ');
 4   for(var i=0;i<val.length;i++){
 5       var val2=val[i].split('');  //不要把分开里面也当成数组，那是字符串
 6       val2[0]=val2[0].toUpperCase();
 7       val[i]=val2.join("");
 8     }
 9     
10   str=val.join(' ');
11   return str;
12 }
13 
14 
15 /* 高人写法！
16 function titleCase(str) {
17 
18 
19   var newstr=str.toLowerCase().split(" ").map(function(item){
20     //一、toLowerCase()全部转化为小写; 
21     //二、split()拆分字符串为数组; 
22     //三、map()方法返回一个新数组;
23     return item[0].toString().toUpperCase()+item.slice(1);
24     //获取数组的第一个字母，转化为大写
25     //然后加上后面的小写内容（slice（）方法获取范围内容，1表示从第二个字母开始）
26   }).join(" ");
27    //join（）方法组合成字符串
28   return newstr;
29 }
30 */
31 
32 
33 titleCase("I'm a little tea pot")

Return Largest Numbers in Arrays

找出多个数组中的最大数

右边大数组中包含了4个小数组，分别找到每个小数组中的最大值，然后把它们串联起来，形成一个新数组。

提示：你可以用for循环来迭代数组，并通过arr[i]的方式来访问数组的每个元素。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

Comparison Operators

 1 function largestOfFour(arr) {
 2   // 请把你的代码写在这里
 3   var temp=[];
 4   for(var i=0;i<arr.length;i++){
 5     var val=arr[i][0];
 6     for(var j=1;j<arr[i].length;j++){
 7       if(val<arr[i][j]) val=arr[i][j]
 8     }
 9     temp.push(val)
10   }
11   return temp;
12 }
13 
14 
15 largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);

Confirm the Ending

检查字符串结尾

判断一个字符串(str)是否以指定的字符串(target)结尾。

如果是，返回true;如果不是，返回false。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

String.substr()

 1 function confirmEnding(str, target) {
 2   // 请把你的代码写在这里
 3   str=str.split(' ').join('').substr(-target.length);
 4   if(str==target)
 5     return true;
 6   else
 7     return false;
 8 }
 9 
10 
11 confirmEnding("Bastian", "n");

str.substr(start[, length])

参数:

start

开始提取字符的位置，如果为负值，则从字符串的尾部开始算起的位置。

length

可选，提取的字符数，如果省略了该参数，那么返回从开始位置到结尾的字符串。

Repeat a string repeat a string

重复输出字符串

（重要的事情说3遍）

重复一个指定的字符串 num次，如果num是一个负数则返回一个空字符串。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

Global String Object

 1 function repeat(str, num) {
 2   // 请把你的代码写在这里
 3   var k='';
 4   if(num<0) return "";
 5   else{
 6     for(var i=0;i<num;i++)
 7       k+=str;
 8     return k;}
 9 }
10 
11 
12 repeat("abc", 3);

Truncate a string

截断字符串

（用瑞兹来截断对面的退路）

如果字符串的长度比指定的参数num长，则把多余的部分用...来表示。

切记，插入到字符串尾部的三个点号也会计入字符串的长度。

但是，如果指定的参数num小于或等于3，则添加的三个点号不会计入字符串的长度。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

String.slice()

 1 function truncate(str, num) {
 2   // 请把你的代码写在这里
 3    var str1="";
 4   if(num<=3)
 5     str1=str.slice(0,num)+"...";
 6   else if(num>=str.length){
 7     str1=str;
 8   }else{
 9     str1=str.slice(0,num-3)+"...";
10   }
11   return str1;
12 }
13 
14 
15 truncate("A-tisket a-tasket A green and yellow basket", 11);

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()

Array.slice()

 1 function chunk(arr, size) {
 2   // 请把你的代码写在这里
 3   var arr1=[];
 4   var start=0,end=size;
 5   for(var i=0;i<size+1;i++){ //多一次循环，处理分割两次得3块的情况
 6     if(start>=arr.length)
 7       break;  //已经分配结束
 8     else if(end>=arr.length)
 9       arr1.push(arr.slice(start)); //最后一次不够数或刚好够数
10     else {arr1.push(arr.slice(start,end));}
11     start+=size;
12     end+=size;
13   }
14   return arr1;
15 }
16 
17 
18 chunk([0, 1, 2, 3, 4, 5], 2);

Slasher Flick

截断数组

返回一个数组被截断n个元素后还剩余的元素，截断从索引0开始。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

Array.slice()

Array.splice()

 1 function slasher(arr, howMany) {
 2   // 请把你的代码写在这里
 3   var val=[];
 4   if(howMany>=arr.length)
 5     return val;
 6   else 
 7     //return arr.slice(howMany); //解法一
 8     return arr.splice(howMany);  //解法二
 9     
10 }
11 
12 
13 slasher([1, 2, 3], 2);

解法一：

思路：首先准确理解slice()的用法，slice不会改变原数组，会生成一个新数组，slice（begin,end），这里howMany是begin,end被省略，则会一直提取到原数组末尾。

解法二：

思路：详细理解splice()的用法，splice会直接对数组进行修改，返回的是由被删除元素组成的一个数组，则原数组中就没有了被删除的元素。

Mutations

比较字符串

（蛤蟆可以吃队友，也可以吃对手）

如果数组第一个字符串元素包含了第二个字符串元素的所有字符，函数返回true。

举例，["hello", "Hello"]应该返回true，因为在忽略大小写的情况下，第二个字符串的所有字符都可以在第一个字符串找到。

["hello", "hey"]应该返回false，因为字符串"hello"并不包含字符"y"。

["Alien", "line"]应该返回true，因为"line"中所有字符都可以在"Alien"找到。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

String.indexOf()

 1 function mutation(arr) {
 2   // 请把你的代码写在这里
 3   arr[0]=arr[0].toLowerCase();          //将所有字符串转换为小写
 4   arr[1]=arr[1].toLowerCase();
 5   for(var i=0; i<arr[1].length; i++)   //对要查的子链进行遍历
 6     //检测第二个字符串中的字符在第一个数组中是否存在
 7     if(arr[0].indexOf(arr[1][i])==-1){
 8       return false;
 9     }
10   return true;                          //循环未输出false即输出true
11 }
12 mutation(["hello", "hey"]);

Falsy Bouncer

过滤数组假值

（真假美猴王）

删除数组中的所有假值。

在JavaScript中，假值有false、null、0、""、undefined 和 NaN。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

Boolean Objects

Array.filter()

 1 function bouncer(arr) {
 2   // 请把你的代码写在这里
 3  return arr.filter(function(s){
 4    return Boolean(s);
 5  });
 6 //解法二： return arr.filter(Boolean);
 7 }
 8 
 9 
10 bouncer([7, "ate", "", false, 9]);

思路：用 Boolean() 函数进行类型转换。如果它的参数是 0、-0、null、undefined、false、NaN、""，生成的Boolean对象的值会为false，也就是“假值”。

var new_array = arr.filter(callback(element[, index[, array]])[, thisArg])

filter 为数组中的每个元素调用一次 callback 函数，并利用所有使得 callback 返回 true 或等价于 true 的值的元素创建一个新数组。callback 只会在已经赋值的索引上被调用，对于那些已经被删除或者从未被赋值的索引不会被调用。那些没有通过 callback 测试的元素会被跳过，不会被包含在新数组中。

在 JavaScript中，Truthy(真值)指的是在)布尔值上下文中转换后的值为真的值.所有值都是真值，除非它们被定义为falsy(即除了)false，0，""，null，undefined 和 NaN外)。

JavaScript在布尔值上下文中使用强制类型转换(coercion）。

JavaScript中的真值示例如下(将被转换为true，if后的代码段将被执行)：

if(true) if({}) if([]) if(42) if("foo") if(new Date())

if(-42) if(3.14) if(-3.14) if(Infinity) if(-Infinity)

Seek and Destroy

摧毁数组

金克斯的迫击炮！

实现一个摧毁(destroyer)函数，第一个参数是待摧毁的数组，其余的参数是待摧毁的值。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

Arguments object

Array.filter()

 1 function destroyer(arr) {
 2   // 请把你的代码写在这里
 3       var argumentsArr = [];//创立摧毁值数组
 4       for(var i=0;i<arguments.length-1;i++){
 5           argumentsArr.push(arguments[i+1]);
 6           }
 7       arr = arr.filter(function(element){
 8           //遍历arr所有值，判断是否在摧毁值数组中，无则返回-1，为true，返回通过的元素
 9             return argumentsArr.indexOf(element) == -1;
10           });
11       return arr;
12 destroyer([1, 2, 3, 1, 2, 3], 2, 3);

简单总结filter方法：

1，遍历数组中的元素

2，函数测试，检查return是否等于true；

3，返回一个包含所有通过测试的元素的新数组。

arr.filter方法本身自带循环，它自己会使用我们给定的函数来测试数组中的所有元素，并创建（即返回）一个包含所有通过测试的元素的新数组（注意它并没有改变原数组）。不能嵌套入for循环中！

错误写法：

1 for(i=0;i<argumentsArr.length;i++ ){    arr.filter(function(argumentsArr[i]){
2                    return arr.indexOf(argumentsArr[i]) == -1;});
3 }

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()

 1 function where(arr, num) {
 2   // 请把你的代码写在这里
 3   arr.push(num);
 4   arr.sort(function(a,b){
 5     return a-b;
 6   });//升序排列
 7   return arr.indexOf(num);
 8 }
 9 
10 
11 where([40, 60], 50);

如果指明了 compareFunction ，那么数组会按照调用该函数的返回值排序。即 a 和 b 是两个将要被比较的元素：

1、如果 compareFunction(a, b) 小于 0 ，那么 a 会被排列到 b 之前；

2、如果 compareFunction(a, b) 等于 0 ， a 和 b 的相对位置不变。备注： ECMAScript 标准并不保证这一行为，而且也不是所有浏览器都会遵守（例如 Mozilla 在 2003 年之前的版本）；

3、如果 compareFunction(a, b) 大于 0 ， b 会被排列到 a 之前。

compareFunction(a, b) 必须总是对相同的输入返回相同的比较结果，否则排序的结果将是不确定的。

规则	排序		a>b	a<b
return > 0	b、a	升序	a-b>0	a-b<0
return < 0	a、b	降序	b-a<0	b-a>0

简化一下(刚好相反)：

a-b输出从小到大排序

b-a输出从大到小排序

Caesars Cipher

凯撒密码

（让上帝的归上帝，凯撒的归凯撒）

下面我们来介绍风靡全球的凯撒密码Caesar cipher，又叫移位密码。

移位密码也就是密码中的字母会按照指定的数量来做移位。

一个常见的案例就是ROT13密码，字母会移位13个位置。由'A' ↔ 'N', 'B' ↔ 'O'，以此类推。

写一个ROT13函数，实现输入加密字符串，输出解密字符串。

所有的字母都是大写，不要转化任何非字母形式的字符(例如：空格，标点符号)，遇到这些特殊字符，跳过它们。

当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。

这是一些对你有帮助的资源:

String.charCodeAt()

String.fromCharCode()

 1 function rot13(str) { // LBH QVQ VG!
 2   // 请把你的代码写在这里
 3  var newarr=[];//创建初春用的数组
 4   for(var i=0;i<str.length;i++){ //遍历整个字符串
 5     if(str.charCodeAt(i)<65||str.charCodeAt(i)>90){
 6       newarr.push(str.charAt(i));//处理标点和间隔，直接储存入新数组
 7     }else if(str.charCodeAt(i)>77){
 8       //若位移13个后超出字母范围，则减去13，相当于从头再来
 9       newarr.push(String.fromCharCode(str.charCodeAt(i)-13));
10       //返回Unicode对应的字符
11     }else{
12       newarr.push(String.fromCharCode(str.charCodeAt(i)+13));//直接位移
13     }
14   }
15   return newarr.join("");//将数组再转换为字符串
16 }
17 
18 
19 rot13("SERR PBQR PNZC");  // 你可以修改这一行来测试你的代码