核心提示：这是网上开源编程学习项目FCC的javascript中级编程题（Intermediate Algorithm Scripting(50 hours)），一共20题。建议时间是50个小时，对于刚入门的人来说，操作是有些难度了。
1.我们会传递给你一个包含两个数字的数组。返回这两个数字和它们之间所有数字的和。
最小的数字并非总在最前面。
简单地说，就是两个数之间的连续自然数列求和问题。项数可以用Math.abs()方法求出。
function sumAll(arr) {
var sum=(arr[1]+arr[0])*(Math.abs(arr[1]-arr[0])+1)/2;
return sum;
}
2.比较两个数组，然后返回一个新数组，该数组的元素为两个给定数组中所有独有的数组元素。换言之，返回两个数组的差异。
思路：用indexOf方法判断某个元素是否在数组中，如果不在（返回-1），则把这个元素加到新数组内。
function diff(arr1, arr2) {
var newArr = [];
for(var i=0;i<arr1.length;i++){
if(arr2.indexOf(arr1[i])==-1){
newArr.push(arr1[i]);
}
}
for(var j=0;j<arr2.length;j++){
if(arr1.indexOf(arr2[j])==-1){
newArr.push(arr2[j]);
}
}
return newArr;
}
这段代码有一定的重复，可以在第一次遍历的时候把重复检查的数组项cut掉。
3.将给定的数字转换成罗马数字。
所有返回的 罗马数字 都应该是大写形式。
基本上，罗马数字的规则我看了很久。方法就是把每个位数进行独自的判断。方法引自网上。
function convert(num) {
var alpha = [ 'I', 'V', 'X', 'L', 'C', 'D', 'M' ], roman = "", bit = 0;
while (num > 0){
var tempnum = num % 10;
switch (tempnum){
case 3:{
roman = alpha[bit] + roman;
tempnum--;
}
case 2:{
roman = alpha[bit] + roman;
tempnum--;
}
case 1:{
roman = alpha[bit] + roman;
break;
}
case 4:{
roman = alpha[bit + 1] + roman;
roman = alpha[bit] + roman;
break;
}
case 8:{
roman = alpha[bit] + roman;
tempnum--;
}
case 7:{
roman = alpha[bit] + roman;
tempnum--;
}
case 6:{
roman = alpha[bit] + roman;
tempnum--;
}
case 5:{
roman = alpha[bit + 1] + roman;
break;
}
case 9:{
roman = alpha[bit + 2] + roman;
roman = alpha[bit] + roman;
break;
}
default:{
break;
}
}
bit += 2;
num = Math.floor(num / 10);
}
return roman;
}
convert(36);
另外一个好点的思路是：
function convert(num) { if(num<=0) return null; var luoma=[['','I','II','III',"IV","V","VI","VII","VIII","IX"], ['','X','XX','XXX','XL','L','LX','LXX','LXXX','XC'], ['','C','CC','CCC','CD','D','DC','DCC','DCCC','CM']] ; var s=''; s= 'M'.repeat( Math.floor(num/1000)); num =num %1000; s+=luoma[2][Math.floor(num/100)]; num=num%100; s+=luoma[1][Math.floor(num/10)]; num=num%10; s+=luoma[0][num]; return s; }
var table = {1:"I", 4:"IV", 5:"V", 9:"IX", 10:"X", 40:"XL", 50:"L",90:"XC", 100:"C",400:"CD", 500: "D", 900:"CM", 1000:"M"};
var keys = Object.keys(table);
function convertToRoman(num) { if (num === 0) return; if (table.hasOwnProperty(num)) { return table[num]; } else { var temp = keys.filter((x) => x < num); return table[temp[temp.length -1]] + convertToRoman(num - temp[temp.length-1]); } }; console.log(convertToRoman(97));
var table = {1:"I", 4:"IV", 5:"V", 9:"IX", 10:"X", 40:"XL", 50:"L",90:"XC", 100:"C",400:"CD", 500: "D", 900:"CM", 1000:"M"};
var keys = Object.keys(table); //拿到对应的阿拉伯数字
function convertToRoman(num) { if (num === 0) return; //如果是0直接退出
if (table.hasOwnProperty(num)) { //要是阿拉伯数字跟参数一样
return table[num]; // 那就直接从表里放回相应罗马数字
} else {
var temp = keys.filter(function (x) { x < num });
//循环一遍阿拉伯数字表，把比 num 参数小的返回来给 temp 变量
// 比如 num 是97， 那就 temp 就是 [1,4,5,9,10,40,50,90]
return table[temp[temp.length -1]] + convertToRoman(num - temp[temp.length-1]);
//接着返回一个 table 最后一个元素，也就是 table[90], 也就是 'XC'
//然后再执行一次这个函数（递归），并给它 num - 90 为参数，也就是 7
//然后从头再走一遍
/* var temp = keys.filter(function (x) { x < num }); 现在这个 temp 数组是 [1, 4, 5], */
//继续递归变成 return table[temp[temp.length -1]] + convertToRoman(num - temp[temp.length-1])
//上面这句实际上就变成 return 'XC' + 'V' + convertToRoman(7 - 5) //然后继续递归，直到最后 num 变成 0， 递归结束。得出结果 XCVII(90,5,1,1) } };
3.写一个 function，它遍历一个对象数组（第一个参数）并返回一个包含相匹配的属性-值对（第二个参数）的所有对象的数组。如果返回的数组中包含 source 对象的属性-值对，那么此对象的每一个属性-值对都必须存在于 collection 的对象中。
例如，如果第一个参数是 [{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]，第二个参数是 { last: "Capulet" }，那么你必须从数组（第一个参数）返回其中的第三个对象，因为它包含了作为第二个参数传递的属性-值对。
思路：说的非常拗口，可见这个翻译者水平是非常垃圾的。
用到的是Object.key方法。接下来就只是遍历。
function where(collection, source) {
var arr = [];
var arrSource=Object.keys(source);//把source的属性转化为数组
// What's in a name?
var i='',j=0;
for(i in collection){//循环collection的元素
var count=0;
for(j=0;j<arrSource.length;j++){//针对source的属性进行循环，查找这个collection元素中是否有指定的source的属性
if(collection[i][arrSource[j]]&&source[arrSource[j]]==collection[i][arrSource[j]]){
count++;
}
}
//判断：如果完全包含，这个collection的元素就被允许添加到里边。
if(count==arrSource.length){
arr.push(collection[i]);
}
}
return arr;
}
4.使用给定的参数对句子执行一次查找和替换，然后返回新句子。
第一个参数是将要对其执行查找和替换的句子。
第二个参数是将被替换掉的单词（替换前的单词）。
第三个参数用于替换第二个参数（替换后的单词）。
注意：替换时保持原单词的大小写。例如，如果你想用单词 "dog" 替换单词 "Book" ，你应该替换成 "Dog"。
function myReplace(str, before, after) {
var i=0;
var arr=str.split(' ');
for(i=0;i<arr.length;i++){
if(arr[i]==before){
if(arr[i].toLowerCase()!=arr[i]){
after=after.replace(after.charAt(0),after.charAt(0).toUpperCase());
}//大小写转换，首字母大写
arr.splice(i,1,after);//替换
}
}
str=arr.join(' ');
console.log(str);
return str;
}
5. 把指定的字符串翻译成 pig latin。
Pig Latin 把一个英文单词的第一个辅音或辅音丛（consonant cluster）移到词尾，然后加上后缀 "ay"。
如果单词以元音开始，你只需要在词尾添加 "way" 就可以了。
这其实是所谓儿童黑话游戏，
function translate(str) {
var str2=str;
var i=0;
var consonant_cluster='';
while(str2==str){
switch(str[i]){
case 'a':
case 'e':
case 'i':
case 'o':
case 'u':
str=str+consonant_cluster;
switch(consonant_cluster){
case '':
str=str+'way';
break;
default:
str=str+'ay';
}
str=str.substring(consonant_cluster.length);
break;
default:
consonant_cluster+=str[i];
i+=1;
}
}
return str;
}
后来翻看人家网站的源码，发现是用正则来写的
function translate(str) {
str = str.replace(/([aeiou][a-z]*)/gi, "$1way"); // 表示，如果开头为aeiou，那么尾部加上way
str = str.replace(/([bcdfghjklmnpqrstvwxy]+)([a-z]*)/gi, "$2$1ay"); // 如果开头为辅音，第二部分——第一部分——ay
return str;
}
6.DNA 链缺少配对的碱基。依据每一个碱基，为其找到配对的碱基，然后将结果作为第二个数组返回。
Base pairs（碱基对） 是一对 AT 和 CG，为给定的字母匹配缺失的碱基。
在每一个数组中将给定的字母作为第一个碱基返回。
例如，对于输入的 GCG，相应地返回 [["G", "C"], ["C","G"],["G", "C"]]
字母和与之配对的字母在一个数组内，然后所有数组再被组织起来封装进一个数组。
function pair(str) {
var i=0;
var newStr='';
var arr=[];
for(i=0;i<str.length;i++){
switch(str[i]){
case 'A':
newStr+='T';
break;
case 'T':
newStr+='A';
break;
case 'G':
newStr+='C';
break;
case 'C':
newStr+='G';
break;
}
arr.push([str[i],newStr[i]]);
}
return arr;
}
7.从传递进来的字母序列中找到缺失的字母并返回它。
如果所有字母都在序列中，返回 undefined。
思路：
（1）如果传进来的不是一个按顺序来的字母队列，需要给他转成键码，排序，再转化为字符串。这段是题目之外的要求。
（2）接下来查找字符串排序后在a-z中的索引，然后根据索引用substring切割出来，用以比较（strCompare）
（3）遍历这个数组，找到没有的，
首先得实现字母排序。
function fearNotLetter(str) {
var arrCover=[];
for(var i=0;i<str.length;i++){
arrCover.push(str[i].charCodeAt());
}//转化为键码
arrCover.sort(function(a,b){
return a-b;
});//重新排序
str='';//清空
for(i=0;i<arrCover.length;i++){
str+=(String.fromCharCode(arrCover[i]));
}//把转化出来的数组重新给字符串
//获取索引
var strAll='abcdefghijklmnopqrstuvwxyz';
var indexOver=strAll.indexOf(str.charAt(str.length-1));
var indexStart=strAll.indexOf(str.charAt(0));
//切割出用以比较的字符串
var strCompare=strAll.substring(indexStart,indexOver+1);
var newStr='';
if(strCompare==str){
return undefined;
}
for(i=0;i<strCompare.length;i++){
if(str.indexOf(strCompare[i])==-1){
newStr+=strAll[i];
}
}
console.log(newStr);
return newStr;
}
8.检查一个值是否是基本布尔类型，并返回 true 或 false。
基本布尔类型即 true 和 false。
function boo(bool) {
// What is the new fad diet for ghost developers? The Boolean.
return (typeof bool=='boolean');
}
boo(true);
好像没什么好说的。
9.写一个 function，传入两个或两个以上的数组，返回一个以给定的原始数组排序的不包含重复值的新数组。
换句话说，所有数组中的所有值都应该以原始顺序被包含在内，但是在最终的数组中不包含重复值。
非重复的数字应该以它们原始的顺序排序，但最终的数组不应该以数字顺序排序。
思路，既然原来的第一个参数是以原来的排序为准的，那就直接让原来的数组加上桥接的数段。用concat方法。
function unite(arr1, arr2, arr3) {
var newArr=[];
for(var i=1;i<arguments.length;i++){
for(var j=0;j<arguments[i].length;j++){
if(arguments[0].indexOf(arguments[i][j])==-1){
newArr.push(arguments[i][j]);
}
}
}
newArr=arguments[0].concat(newArr);
console.log(newArr);
return newArr;
}
unite([1, 3, 2], [5, 2, 1, 4], [2, 1]);
10.将字符串中的字符 &、<、>、" （双引号）, 以及 ' （单引号）转换为它们对应的 HTML 实体。
参考资料：html实体
function convert(str) {
// :)
var i=0;
var arr=str.split("");
for(i=0;i<arr.length;i++){
switch(arr[i]){
case '&':
arr.splice(i,1,'&');
break;
case '>':
arr.splice(i,1,'>');
break;
case '<':
arr.splice(i,1,'<');
break;
case "'":
arr.splice(i,1,''');
break;
case '"':
arr.splice(i,1,'"');
break;
}
}
str=arr.join('');
console.log(str);
return str;
}
convert('Stuff in "quotation marks"')
或许用正则会好些。
11.将字符串转换为 spinal case。Spinal case 是 all-lowercase-words-joined-by-dashes 这种形式的，也就是以连字符连接所有小写单词。
spinalCase("This Is Spinal Tap") 应该返回 "this-is-spinal-tap"。
spinalCase("thisIsSpinalTap") 应该返回 "this-is-spinal-tap"。
spinalCase("The_Andy_Griffith_Show") 应该返回 "the-andy-griffith-show"。
spinalCase("Teletubbies say Eh-oh") 应该返回 "teletubbies-say-eh-oh"。
思路：陷阱很多，总之是一步一步来，不能急躁。
function spinalCase(str) {
str=str.replace(/([A-Z]+)/g,' $1');//在大写字母前面加个空格。用$来选择小括号
str=str.replace(/s+|_+/g,'-');//空格全部替换为-
//以下是修bug
if(str[0]=='-'){
str=str.substring(1);
}//去掉可能大写开头前面的-
str=str.replace(/--/g,'-');//把中段的--（两个）替换为一个-。(因为下划线+大写导致生成了两个-)
str=str.toLowerCase();//转换小写
return str;
}
12.给一个正整数num，返回小于或等于num的斐波纳契奇数之和。
斐波纳契数列中的前几个数字是 1、1、2、3、5 和 8，随后的每一个数字都是前两个数字之和。
例如，sumFibs(4)应该返回 5，因为斐波纳契数列中所有小于4的奇数是 1、1、3。
提示：此题不能用递归来实现斐波纳契数列。因为当num较大时，内存会溢出，推荐用数组来实现。
var sumFibs = function() {
var cache = [1, 1];
return function (n) {
if (n >= cache.length) {
for (var i = cache.length; i < n ; i++ ) {
cache[i] = cache[i - 2] + cache[i - 1];
}
}
var arr=cache.filter(function(val){
return val%2!=0&&val<=n;
});
return arr.reduce(function(pre,next){
return pre+next;
});
};
}();
sumFibs(400);
方案2：
//斐波拉契数列中奇数的求和函数：根据参数n索引生成内容。
//根据索引值n返回一个数组，第一个是斐波拉契最后一个数
//第二个是该数列奇数元素的的和。
function fib(n) {
var a = 1, b = 1;
var arr=[1,1];
var tmp=0;
for(var i=3; i<=n; i++){
tmp = b;
b = a + b;
arr.push(b);
a = tmp;
}//构造斐波拉契数组
var sum=0;
for(i=0;i<arr.length;i++){
if(arr[i]%2!==0){
sum+=arr[i];
}
}//这个数组中arr奇数求和
return [arr[arr.length-1],sum];
}
function sumFibs(num){
var k=3;
while(fib(k)[0]<=num){
k++;
}
return fib(k-1)[1];
}
sumFibs(75024);
思路写在了comment里。
总的来说陷阱不多，关键是判断循环边界。
13.求小于等于给定数值的质数之和。
只有 1 和它本身两个约数的数叫质数。例如，2 是质数，因为它只能被 1 和 2 整除。1 不是质数，因为它只能被自身整除。
给定的数不一定是质数。
sumPrimes(10) 应该返回一个数字。
sumPrimes(10) 应该返回 17。
sumPrimes(977) 应该返回 73156。
思路，这里用的是筛法。所谓筛法是运用已有最开始的质数判断。是质数的放到数组中。下个数再进行判断。
function sumPrimes(num) {
var arr=[2];
var sum=0;
for(var i=2;i<=num;i++){
var bCheck=true;//假定为真
for(var j=0;j<arr.length;j++){//循环数组
if(i%arr[j]==0){//如果可以被质数整除
bCheck=false;//判定为false
break;//退出循环，用不着继续判断了。
}
}
if(bCheck){
arr.push(i);
}
}
console.log(arr)
for(var k=0;k<arr.length;k++){
sum+=arr[k];
}//求和
return sum;
}
sumPrimes(977);
14. 找出能被两个给定参数和它们之间的连续数字整除的最小公倍数。
范围是两个数字构成的数组，两个数字不一定按数字顺序排序。
例如对 1 和 3 —— 找出能被 1 和 3 和它们_之间_所有数字整除的最小公倍数。
smallestCommons([1, 5]) 应该返回一个数字。
smallestCommons([1, 5]) 应该返回 60。
smallestCommons([5, 1]) 应该返回 60。
smallestCommons([1, 13]) 应该返回 360360。
思路：
（1）在此之前要了解欧拉算法求最大公约数。
简单的说，求两个数的最大公约数，用大数对小数求模，如果能被整除，则小数是这两个数的最大公约数。
如果不能整除，就用小数对余数再次求模，循环此过程直到返回能除尽的那个除数。就是最大公约数。
比如20和15，用20除以15余数为5，然后用15除以余数5，能够整除，所以返回出来的除数5为这两个数的最大公约数。
（2）有了最大公约数，就可以求最小公倍数。
最小公倍数的求法是：彼此之间的乘积除以最大公约数。
因为是求几个连续自然数之间的公倍数，所以，求出前两个最小公倍数之后，用这个最小公倍数和下一个值比较。然后就得出了新的最小公倍数。主要用的是递归的思想。
function smallestCommons(arr) {
arr=arr.sort(function(a,b){
return a-b;
});
function fun(m,n){
if(m%n===0) return n;
return fun(n,m%n);
}
var num=arr[0];
for(var i=arr[0]+1;i<=arr[1];i++){
num*=i/fun(num,i);
}
return num;
}
smallestCommons([1,5]
15.写一个 function，它浏览数组（第一个参数）并返回数组中第一个通过某种方法（第二个参数）验证的元素。
find([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; }) 应该返回 8。
find([1, 3, 5, 9], function(num) { return num % 2 === 0; }) 应该返回 undefined。
这题相比前面的简单很多了。注意：用break强制跳出循环。
function find(arr, func) {
var num = 0;
for(var i=0;i<arr.length;i++){
if(func(arr[i])===true){
num=arr[i];
break;
}
}
if(num===0){
return undefined;
}
return num;
}
16.队友该卖就卖，千万别舍不得。
让我们来丢弃数组(arr)的元素，从左边开始，直到回调函数return true就停止。
第二个参数，func，是一个函数。用来测试数组的第一个元素，如果返回fasle，就从数组中抛出该元素(注意：此时数组已被改变)，继续测试数组的第一个元素，如果返回fasle，继续抛出，直到返回true。
最后返回数组的剩余部分，如果没有剩余，就返回一个空数组。
如果你被卡住了，记得开大招 Read-Search-Ask。尝试与他人结伴编程。编写你自己的代码。
这是一些对你有帮助的资源:
这题翻译者好像高潮了，写了一大串lol卖队友的合理性。看篇幅还以为很难。
还是一个比较简单的思路：遍历这个数组，然后用func判断返回的是布尔值，根据布尔值插入一个占位的字符串‘false’。待循环结束之后用filter过滤掉就行了。
function drop(arr, func) {
// Drop them elements.
for(var i=0;i<arr.length;i++){
if(func(arr[i])===false){
arr.splice(i,1,'false');
}else{
break;
}
}
arr=arr.filter(function(a){
return a!='false';
});
console.log(arr);
return arr;
}
17.对嵌套的数组进行扁平化处理。你必须考虑到不同层级的嵌套。
teamroller([[["a"]], [["b"]]]) 应该返回 ["a", "b"]。
steamroller([1, [2], [3, [[4]]]]) 应该返回 [1, 2, 3, 4]。
steamroller([1, [], [3, [[4]]]]) 应该返回 [1, 3, 4]。
steamroller([1, {}, [3, [[4]]]]) 应该返回 [1, {}, 3, 4]。
思路：还是用递归的办法。判断数组用isArray。算是递归方法的简单实例。
function steamroller(arr) {
// I'm a steamroller, baby
var newArr=[];
function fun(a){
for(var j=0;j<a.length;j++){
if(Array.isArray(a[j])===true){
fun(a[j]);
}else{
newArr.push(a[j]);
}
}
return newArr;
}
fun(arr);
console.log(newArr);
return newArr;
}
18.传入二进制字符串，翻译成英语句子并返回。
二进制字符串是以空格分隔的。
先写一个二进制字符串转化为十进制字符串的函数：parseInt
把10进制编码转换为字符用String.fromCharCode()方法。
function binaryAgent(str) {
var arr=str.split(' ');
var arr10=[];
var newStr='';
for(var i=0;i<arr.length;i++){
arr10.push(parseInt(arr[i],2));
}
for(var j=0;j<arr10.length;j++){
newStr+=String.fromCharCode(arr10[j]);
}
return newStr;
}
binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
有了这个思路可以用map方法来实现更加精简的语句
所谓一行的写法：
return str.split(' ').map(function(a){return String.fromCharCode(parseInt(a,2))}).join('');
19.所有的东西都是真的！
完善编辑器中的every函数，如果集合(collection)中的所有对象都存在对应的属性(pre)，并且属性(pre)对应的值为真。函数返回ture。反之，返回false。
记住：你只能通过中括号来访问对象的变量属性(pre)。
提示：你可以有多种实现方式，最简洁的方式莫过于Array.prototype.every()。
every([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex") 应该返回 true。
every([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex") 应该返回 false。
every([{"user": "Tinky-Winky", "sex": "male", "age": 0}, {"user": "Dipsy", "sex": "male", "age": 3}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age") 应该返回 false。
every([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastFoward", "onBoat": null}], "onBoat") 应该返回 false
every([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastFoward", "onBoat": true}], "onBoat") 应该返回 true
every([{"single": "yes"}], "single") 应该返回 true
every([{"single": ""}, {"single": "double"}], "single") 应该返回 false
every([{"single": "double"}, {"single": undefined}], "single") 应该返回 false
every([{"single": "double"}, {"single": NaN}], "single") 应该返回 false
思路：这个看起来很复杂，其实只要做个json的for-in循环，就可以实现。
function every(collection, pre) {
// Is everyone being true?
var i='';
var bCheck=true;//假设为真
for(i in collection){
if(!collection[i][pre]){
bCheck=false;
}
}
return bCheck;
}
20.创建一个计算两个参数之和的 function。如果只有一个参数，则返回一个 function，该 function 请求一个参数然后返回求和的结果。
例如，add(2, 3) 应该返回 5，而 add(2) 应该返回一个 function。
调用这个有一个参数的返回的 function，返回求和的结果：
var sumTwoAnd = add(2);
sumTwoAnd(3) 返回 5。
如果两个参数都不是有效的数字，则返回 undefined。
思路：这个其实就是call()方法。jquery的链式操作就是这样实现的。
函数链式操作原理：返回函数本身。当然也可以返回一个别的函数。
function show(str){
alert(str);
return show;//关键
}
show('abc')('bcd')；
上述代码将弹出两个框，abc，和bcd。只要你想，可以无限地写下去。
你可以返回一个函数，那么下次操作时，得到的就是这个函数。
function add(x) {
if (arguments.length === 1 && typeof x === "number") {
return function (y) {
if (typeof y === "number"){
return x + y;
}
};
}else {
if (typeof x !== "number"|| typeof arguments[1] !== "number") {
return undefined;
}
return arguments[0] + arguments[1];
}
}
题目来源：
FCC中文网：https://www.freecodecamp.cn/
参考资料：
[1]《javascript高级程设计》第5,7章。
[2] MOZILLA开发者社区：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
[3] 感谢gitter中文聊天室热心的网友