Basic Front End Development Projects
Reverse a String
翻转字符串
先把字符串转化成数组，再借助数组的reverse方法翻转数组顺序，最后把数组转化成字符串。
你的结果必须得是一个字符串
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function reverseString(str) {
// 请把你的代码写在这里
var array = str.split('');
array.reverse();
console.log(array);
str = array.join('');
return str;
}
reverseString("hello");
Factorialize a Number
计算一个整数的阶乘
如果用字母n来代表一个整数，阶乘代表着所有小于或等于n的整数的乘积。
阶乘通常简写成 n!
例如: 5! = 1 * 2 * 3 * 4 * 5 = 120
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function factorialize(num) {
// 请把你的代码写在这里
if (num === 0){
num = 1;
}
else{
for (var i=num-1; i>1; i--){
num = num * i;
}
}
return num;
}
factorialize(5);
Check for Palindromes
检查回文字符串
如果给定的字符串是回文，返回true，反之，返回false。
如果一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样，那么这个字符串就是palindrome(回文)。
注意你需要去掉字符串多余的标点符号和空格，然后把字符串转化成小写来验证此字符串是否为回文。
函数参数的值可以为"racecar"，"RaceCar"和"race CAR"。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function palindrome(str) {
// 请把你的代码写在这里
str = str.toLowerCase();
str = str.replace(/[\W\s_]/g,'');
console.log(str);
n = str.length;
for (i=0; i<n/2; i++){
if (str[i] != str[n-i-1]){
return false;
}
}
return true;
}
palindrome("eye");
Find the Longest Word in a String
找出最长单词
在句子中找出最长的单词，并返回它的长度。
函数的返回值应该是一个数字。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function findLongestWord(str) {
// 请把你的代码写在这里
var array = str.split(' ');
var length = 0;
array.forEach(function(word){
if (word.length>length) {
length = word.length;
}
});
return length;
}
findLongestWord("The quick brown fox jumped over the lazy dog");
Title Case a Sentence
句中单词首字母大写
确保字符串的每个单词首字母都大写，其余部分小写。
像'the'和'of'这样的连接符同理。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function titleCase(str) {
// 请把你的代码写在这里
var array = str.split(' ');
array.forEach(function(word, i){
array[i] = word[0].toUpperCase() + word.substring(1).toLowerCase();
});
str = array.join(' ');
return str;
}
titleCase("I'm a little tea pot");
Return Largest Numbers in Arrays
找出多个数组中的最大数
右边大数组中包含了4个小数组，分别找到每个小数组中的最大值，然后把它们串联起来，形成一个新数组。
提示：你可以用for循环来迭代数组，并通过arr[i]的方式来访问数组的每个元素。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function largestOfFour(arr) {
// 请把你的代码写在这里
arr.forEach(function(a, i){
var m = a[0];
for (var j=1; j<a.length; j++){
if (a[j]>m){
m = a[j];
}
}
arr[i] = m;
});
return arr;
}
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'。
这是一些对你有帮助的资源:
function confirmEnding(str, target) {
// 请把你的代码写在这里
var pos = str.length - target.length;
if (pos < 0){
return false;
}
if (str.substring(pos) == target){
return true;
}
else{
return false;
}
}
confirmEnding("Bastian", "n");
Repeat a string repeat a string
重复输出字符串
（重要的事情说3遍）
重复一个指定的字符串 num次，如果num是一个负数则返回一个空字符串。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function repeat(str, num) {
// 请把你的代码写在这里
var retStr = str;
if (num < 0){
retStr = "";
}
else{
for (var i=1; i<num; i++){
retStr += str;
}
}
return retStr;
}
repeat("abc", 3);
Truncate a string
截断字符串
（用瑞兹来截断对面的退路）
如果字符串的长度比指定的参数num长，则把多余的部分用...来表示。
切记，插入到字符串尾部的三个点号也会计入字符串的长度。
但是，如果指定的参数num小于或等于3，则添加的三个点号不会计入字符串的长度。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function truncate(str, num) {
// 请把你的代码写在这里
if (str.length > num){
if (num <= 3){
str = str.substring(0, num) + "...";
}
else{
str = str.substring(0, num - 3) + "...";
}
}
return str;
}
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'。
这是一些对你有帮助的资源:
function chunk(arr, size) {
// 请把你的代码写在这里
var retArr = [];
for (var i=0; i<arr.length; i+=size){
retArr.push(arr.slice(i, i+size));
}
return retArr;
}
chunk(["a", "b", "c", "d"], 2);
Slasher Flick
截断数组
返回一个数组被截断n个元素后还剩余的元素，截断从索引0开始。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function slasher(arr, howMany) {
// 请把你的代码写在这里
if (howMany >= 0){
if(howMany >= arr.length){
arr = [];
}
else{
return arr.slice(howMany);
}
}
return arr;
}
slasher([1, 2, 3], 2);
Mutations
比较字符串
（蛤蟆可以吃队友，也可以吃对手）
如果数组第一个字符串元素包含了第二个字符串元素的所有字符，函数返回true。
举例，["hello", "Hello"]应该返回true，因为在忽略大小写的情况下，第二个字符串的所有字符都可以在第一个字符串找到。
["hello", "hey"]应该返回false，因为字符串"hello"并不包含字符"y"。
["Alien", "line"]应该返回true，因为"line"中所有字符都可以在"Alien"找到。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function mutation(arr) {
// 请把你的代码写在这里
//原生js获取的DOM集合是一个类数组对象，所以不能直接利用数组的方法（例如：forEach，map等），需要进行转换为数组后，才能用数组的方法！
//https://blog.csdn.net/m0_38082783/article/details/78131036?locationNum=10&fps=1
var patStr = Array.from(arr[1]);
var str = Array.from(arr[0]);
for (var i=0; i<patStr.length; i++){
var patt = new RegExp(patStr[i], "i");
if (!patt.test(str)){
return false;
}
}
return true;
}
mutation(["hello", "hey"]);
Falsy Bouncer
过滤数组假值
（真假美猴王）
删除数组中的所有假值。
在JavaScript中，假值有false、null、0、""、undefined 和 NaN。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function bouncer(arr) {
// 请把你的代码写在这里
return arr.filter(function(word){
return Boolean(word);
});
}
bouncer([7, "ate", "", false, 9]);
Seek and Destroy
摧毁数组
金克斯的迫击炮！
实现一个摧毁(destroyer)函数，第一个参数是待摧毁的数组，其余的参数是待摧毁的值。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function destroyer() {
var array = arguments[0];
var datas = [];
for (var i=1; i<arguments.length; i++){
datas.push(arguments[i]);
}
return array.filter(function(data){
for (i=0; i<datas.length; i++){
console.log("argu:" + datas[i]);
if (data === datas[i]){
return false;
}
}
return true;
});
}
destroyer([1, 2, 3, 1, 2, 3], 2, 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'。
这是一些对你有帮助的资源:
function where(arr, num) {
// 请把你的代码写在这里
var array = Array.from(arr);
array.sort(function(a, b){
return a - b;
});
for (var i=0; i<array.length; i++){
if (array[i]>=num){
return i;
}
}
return array.length;
}
where([40, 60], 50);
Caesars Cipher
凯撒密码
（让上帝的归上帝，凯撒的归凯撒）
下面我们来介绍风靡全球的凯撒密码Caesar cipher，又叫移位密码。
移位密码也就是密码中的字母会按照指定的数量来做移位。
一个常见的案例就是ROT13密码，字母会移位13个位置。由'A' ↔ 'N', 'B' ↔ 'O'，以此类推。
写一个ROT13函数，实现输入加密字符串，输出解密字符串。
所有的字母都是大写，不要转化任何非字母形式的字符(例如：空格，标点符号)，遇到这些特殊字符，跳过它们。
当你完成不了挑战的时候，记得开大招'Read-Search-Ask'。
这是一些对你有帮助的资源:
function rot13(str) { // LBH QVQ VG!
// 请把你的代码写在这里
var array = Array.from(str);
array = array.map(function(letter){
if ('A'<=letter && 'Z'>=letter){
code = (letter.charCodeAt() - 13);
if (code < 'A'.charCodeAt()){
code += 26;
}
letter = String.fromCharCode(code);
console.log((letter));
}
return letter;
});
return array.join("");
}
rot13("SERR PBQR PNZC"); // 你可以修改这一行来测试你的代码
网友评论