偶然看到W3Cschool上有个编程挑战，里面的题目前是面向前端方面的，也有一些算法和数据结构的题在，我花了两天的时间把16道初级脚本算法的题完成并做一个思路分享，从中有一定的收获，题目从实际出发，需要灵活运用各个JS对象的属性和方法才能完成，反复的加深了我对这些方法的认识和理解以及运用，也锻炼了我的逻辑思维能力。做这些题确实很有帮助，以后有时间每天再去做一两道中级的，最后再整理出来把我的解法和思路与大家共享。
翻转字符串
先把字符串转化成数组，再借助数组的reverse方法翻转数组顺序，最后把数组转化成字符串。
你的结果必须得是一个字符串
function reverseString(str) {
var arr = [];
arr = str.split("");
arr.reverse();
str = arr.join("");
return str;
}
console.log(reverseString("hello"));知识点：
- split() 把字符串分割为字符串数组。
- reverse() 反转数组的元素顺序。
- join() 把数组转换为字符串，并返回结果。
阶乘算法挑战
计算一个整数的阶乘
如果用字母n来代表一个整数，阶乘代表着所有小于或等于n的整数的乘积。
// //for循环
// function factorialize(num) {
// var i = 1
// var sum = 1;
// for (; i < num + 1; i++) {
// sum = sum * i;
// }
// return sum;
// }
// 递归实现
function factorialize(num) {
if (num == 1 || num == 0)
return 1;
else {
return factorialize(num - 1) * num;
}
}
console.log(factorialize(0));回文算法挑战
如果一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样，那么这个字符串就是palindrome(回文)。
- 你需要去掉字符串多余的标点符号和空格
- 然后把字符串转化成小写来验证此字符串是否为回文。
function palindrome(str) {
//传入字符串处理
var newstr = str.replace(/[^0-9a-z]/gi, "");
newstr = newstr.toLowerCase();
// // 方法一
// //转换成数组并进行反向排序
// var arr = newstr.split("");
// arr.reverse();
// //把排序后的转换为字符串进行全等判断
// arr = arr.join("");
// if (newstr === arr) {
// return true;
// } else {
// return false;
// }
//方法二 从字符串头部和尾部，逐次向中间检测
for (var i = 0, j = newstr.length - 1; i < j; i++, j--) {
//这里注意下，for循环内部只判断不符合要求的，
//如果循环后都没返回false就在for外部返回true，不要在内部直接返回true或提前出来
if (newstr.charAt(i) !== newstr.charAt(j)) {
return false;
}
}
return true;
}
console.log(palindrome("assa"));寻找最长的单词算法挑战
找到提供的句子中最长的单词，并计算它的长度。
函数的返回值应该是一个数字。
function findLongestWord(str) {
var arr = str.split(" "),
i = 0,
maxLengthNum = 0;
// var index = i + 1;
//方法一：复杂化方法：冒泡排序解法（直接第一个想到就是这个，就顺着来做了，发现复杂化，
//只需要把数组长度和最大值取出来做比较就行了）
// for (; i < arr.length - 1; i++) {
// for (; index < arr.length; index++) {
// if (arr[i].length < arr[index].length) {
// var temp = arr[i];
// arr[i] = arr[index];
// arr[index] = temp;
// }
// }
// }
// return arr[0].length;
//方法二：取出数组长度值与历史最大值比较，第一个默认为起始最大值
for (; i < arr.length; i++) {
if (arr[i].length > maxLengthNum) {
maxLengthNum = arr[i].length;
}
}
return maxLengthNum;
}
findLongestWord("The quick brown fox jumped over the lazy dog");设置首字母大写算法挑战
确保字符串的每个单词首字母都大写，其余部分小写。
//方法一：复杂化，没有使用charAt+replace、map() + slice()
// function titleCase(str) {
// var arr = str.toLowerCase().split(" ");
// var newArr = new Array();
// var i = 0;
// for (; i < arr.length; i++) {
// newArr[i] = arr[i].split("");
// newArr[i][0] = newArr[i][0].toUpperCase();
// newArr[i] = newArr[i].join("");
// }
// arr = newArr.join(" ");
// console.log(arr);
// return arr;
// }
//方法二：简单化用replace替换首字母大写
// function titleCase(str) {
// var arr = str.toLowerCase().split(" ");
// var i = 0;
// for (; i < arr.length; i++) {
// var Up = arr[i].charAt(0).toUpperCase();
// arr[i] = arr[i].replace(arr[i].charAt(0), Up);
// }
// return arr.join(" ");
// }
//方法三:map() + replace()
function titleCase(str) {
var arr = str.toLowerCase().split(" ").map(function(word) {
return (word.charAt(0).toUpperCase() +
word.slice(1));
}).join(" ");
console.log(arr);
return arr;
}
titleCase("I'm a little tea pot");寻找数组中的最大值算法挑战
右边大数组中包含了4个小数组，分别找到每个小数组中的最大值，然后把它们串联起来，形成一个新数组。
方法一：
function largestOfFour(arr) {
var i = 0,
j = 0,
maxArr = [];
for (; i < arr.length; i++) {
var max = 0; //内部循环后，比较值要清空一次。
for (; j < arr[i].length; j++) {
if (arr[i][j] > max) {
max = arr[i][j];
}
}
maxArr.push(max);
}
return maxArr;
}
largestOfFour([
[13, 27, 18, 26],
[4, 5, 1, 3],
[32, 35, 37, 39],
[1000, 1001, 857, 1]
]);方法二（提供者：沐辰楼-姬）：
function largestOfFour(arr) {
var i = 0;
var maxArr =[];
for (; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
if (j===0) {
maxArr[i] = arr[i][j];
}else{
//采用Math对象的max方法取值优化内部循环性能
maxArr[i]=Math.max(maxArr[i],arr[i][j]);
}
}
}
return maxArr;
}确认末尾字符算法挑战
检查一个字符串(str)是否以指定的字符串(target)结尾。
//方法一：使用lastIndexOf从最后开始查找，并返回对应的起始位置到其索引，再做比较，indexOf也可实现返回索引
// function confirmEnding(str, target) {
// var index = str.lastIndexOf(target);
// return index == str.length - target.length;
// }
//方法二：使用substr抽取出字符，用负数来实现从末尾抽对应的查询字符的长度
//如果查找的字符实在最后出现，则抽取出来的应该和需要查找的一样，同理slice也可以实现提取
function confirmEnding(str, target) {
var endingPart = str.substr(-(target.length));
return target === endingPart;
}
console.log(confirmEnding("Walking on water and developing software from a are easy if both are frozen specification", "specification"));重复操作算法挑战
重复一个指定的字符串 num次，如果num是一个负数则返回一个空字符串。
function repeat(str, num) {
var temp = str,
i = 0;
if (num < 0) {
return "";
} else {
for (; i < num - 1; i++) {
str = str.concat(temp);
}
}
return str;
}
console.log(repeat("abc", 3));字符串截取算法挑战
如果字符串的长度比指定的参数num长，则把多余的部分用...来表示。切记，插入到字符串尾部的三个点号也会计入字符串的长度。但是，如果指定的参数num小于或等于3，则添加的三个点号不会计入字符串的长度。
function truncate(str, num) {
var more = "...";
// Clear out that junk in your trunk
if (str.length <= num) {
if (num <= 3) {
var newStr = str.substr(0, num);
str = newStr.concat(more);
} else
return str;
} else {
if (num <= 3) {
var newStr = str.substr(0, num);
str = newStr.concat(more);
} else {
var newStr = str.substr(0, num - 3);
str = newStr.concat(more);
}
}
return str;
}
console.log(truncate("Absolutely Longer", 2));数组分割算法挑战
猴子吃香蕉可是掰成好几段来吃哦！
把一个数组arr按照指定的数组大小size分割成若干个数组块。
例如:chunk([1,2,3,4],2)=[[1,2],[3,4]];
chunk([1,2,3,4,5],2)=[[1,2],[3,4],[5]];
function chunk(arr, size) {
// Break it up.
var newArr = [];
var index = 0,
end = size,
i = 0;
var count = arr.length / size;
console.log(count);
for (; i < count; index += size) {
newArr[i] = arr.slice(index, end);
end = end + end;
i++;
}
return newArr;
}
console.log(chunk([0, 1, 2, 3, 4, 5, 6], 3));
数组截断算法挑战
返回一个数组被截断n个元素后还剩余的元素，截断从索引0开始。
方法一：
function slasher(arr, howMany) {
if (arr.length > howMany) {
arr = arr.slice(-(arr.length - howMany));
return arr;
} else return [];
}
console.log(slasher([1, 2, 3], 4));方法二：(提供者沐辰楼-姬)
function slasher(arr, howMany) {
for (var i = 0; i < howMany; i++) {
//使用数组对象shift()方法，把数组的第一个元素从其中删除，并返回第一个元素的值。
arr.shift();
}
return arr;
}数组查询算法挑战
蛤蟆可以吃队友，也可以吃对手。
如果数组第一个字符串元素包含了第二个字符串元素的所有字符，函数返回true。
举例，["hello", "Hello"]应该返回true，因为在忽略大小写的情况下，第二个字符串的所有字符都可以在第一个字符串找到。["hello", "hey"]应该返回false，因为字符串"hello"并不包含字符"y"。["Alien", "line"]应该返回true，因为"line"中所有字符都可以在"Alien"找到。
function mutation(arr) {
var count = 0,
newArr, i = 0;
newArr = arr.join(" ");
newArr = newArr.toLowerCase().split(" ");
newArr[0] = newArr[0].split("");
newArr[1] = newArr[1].split("");
console.log(newArr);
for (; i < newArr[1].length; i++) {
var index = 0;
for (; index < newArr[0].length; index++) {
if (newArr[1][i] == newArr[0][index]) {
count++;
index = newArr[0].length;
}
}
console.log(count);
}
return count === arr[1].length;
}
console.log(mutation(["floor", "for"]));删除数组中特定值算法挑战
删除数组中的所有假值。
在JavaScript中，假值有false、null、0、""、undefined 和 NaN。
function bouncer(arr) {
var index = 0;
// Don't show a false ID to this bouncer.
for (; index < arr.length; index++) {
if (!arr[index]) {
arr.splice(index, 1);
//保证删除数组元素后，索引不跳过下一个
index--;
}
}
return arr;
}
console.log(bouncer([7, "ate", "", false, 9]));去除数组中任意多个值算法挑战
实现一个摧毁(destroyer)函数，第一个参数是待摧毁的数组，其余的参数是待摧毁的值。
function destroyer(arr, del1, del2, del3) {
var newDel = [del1, del2, del3],
index = 0;
for (; index < newDel.length; index++) {
var i = 0;
for (; i < arr.length; i++) {
if (arr[i] == newDel[index]) {
arr.splice(i, 1);
i--;
}
}
}
return arr;
}
console.log(destroyer([1, 2, 3, 1, 2, 3], 2, 3));数组排序并插入值算法挑战
先给数组排序，然后找到指定的值在数组的位置，最后返回位置对应的索引。
举例：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。
function where(arr, num) {
arr.push(num);
var i = 0,
index = 0;
for (; i < arr.length - 1; i++) {
var j = i + 1;
for (; j < arr.length; j++) {
if (arr[i] > arr[j]) {
var temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
}
}
for (; index < arr.length; index++) {
if (arr[index] == num) {
return index;
}
}
}
console.log(where([2, 20, 10], 19));位移密码算法挑战
下面我们来介绍风靡全球的凯撒密码Caesar cipher，又叫移位密码。
移位密码也就是密码中的字母会按照指定的数量来做移位。
一个常见的案例就是ROT13密码，字母会移位13个位置。由'A' 'N', 'B' 'O'，以此类推。
写一个ROT13函数，实现输入加密字符串，输出解密字符串。
所有的字母都是大写，不要转化任何非字母形式的字符(例如：空格，标点符号)，遇到这些特殊字符，跳过它们。
方法一：
function rot13(str) { // LBH QVQ VG!
var arr = [];
for (var index = 0; index < str.length; index++) {
arr[index] = str.charCodeAt(index);
if (arr[index] >= 65 && arr[index] <= 77) {
arr[index] += 13;
}
//字母为26个当在字母末13个位，右移13位不是字母，应该进行左移、保证在字母26位里。
else if (arr[index] > 77 && arr[index] < 91)
arr[index] -= 13;
}
for (var i = 0; i < arr.length; i++) {
arr[i] = String.fromCharCode(arr[i]);
}
return arr.join("");
}
// Change the inputs below to test
console.log(rot13("SERR PBQR PNZC"));方法二(提供者：沐辰楼-姬)
function rot13(str) {
var a = [];
for (var i = 0; i <
str.length; i++) {
a[i] = str.charCodeAt(i);
if (a[i] >= 65 && a[i] <= 90) {
a[i] = a[i] + 13;
//优化处
if (a[i] > 90) {
a[i] = a[i] - 91 + 65;
}
}
}
for (var j = 0; j <
a.length; j++) {
a[j] = String.fromCharCode(a[j]);
}
return a.join("");
}大家如果有更好的方法或者其他解法欢迎补充和交流，可与我直接联系。
随时随地看视频
热门评论
-
qq_甲骨文_32018-08-17 0
-
qq_甲骨文_32018-08-17 0
-
风硕依源2017-06-09 0
查看全部评论数组排序插入值算法
function where(arr, num) {
arr.push(num);
var sorarr = arr.sort(function(a,b){return a>b?1:-1});
var index =sorarr.indexOf(num);
return index;
}
where([2, 5, 10], 15);
你好，请教一个问题我觉得“字符串截取算法挑战”截取的方法中第一个if分支下的if的str不需要再做concat?原来的写法会导致num小于3且str<3时，str后追加。。。
这网站不是freecodecamp内容么，怎么被w3Cshcool抄了，还是授权的？？