博客围绕多个编程题目展开，包括找出多个数组中的最大数、检查字符串结尾、重复输出字符串等。针对每个题目给出思路，如用 Array.map() 找多数组最大值，利用字符串截取和正则表达式处理字符串，还提及数组分割和截断的方法。
找出多个数组中的最大数 (Return Largest Numbers in Arrays)
思路：
- 基本就是之前找出单词最长的，并返回
- 只是这个题，不止找出一个数组的最大值，而是找出多个数组的最大值并组成一个数组，这时候用 Array.map() 最合适
// 初次解法
function largestOfFour(arr) {
return arr.map(item => Math.max(...item));
}
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
复制代码结合我们之前那个找出最长单词
- Math.max.apply(null, array)
- Array.sort((a, b) => b - a)[0]
// Math.max.apply(null, array)
function largestOfFour(arr) {
return arr.map(item => Math.max.apply(null, item));
}
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
// Array.sort((a, b) => b - a)[0]
function largestOfFour(arr) {
return arr.map(item => item.sort((a, b) => b - a)[0]);
}
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
复制代码然后我们可以利用 Array.reduce() 去实现一个 Array.map() 所以也可以这样写：
// Array.reduce() 实现 Array.map() + Math.max()
function largestOfFour(arr) {
return arr.reduce((acc, val) => acc.concat(Math.max(...val)), []);
}
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
// 为什么用的是 concat() 而不是 push()
// 因为 concat() 返回的是一个数组，而 push() 返回的是 Array.length
// 使用 push() 的话，我们要手动 return acc 值
// 像这样，不然的话会报错，push is not a function
function largestOfFour(arr) {
return arr.reduce((acc, val) => {
acc.push(Math.max(...val))
return acc
}, []);
}
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
复制代码检查字符串结尾 (Confirm the Ending)
思路：
- 它要比较的是 str 最后的部分和 target 的部分
- 我们能不能从 str 后面截取跟 target 一样长的字符串
- 我记得
slice()是可以反向截取的，例如 取数组最后一个元素：Array.slice(-1)
// 初次解法
function confirmEnding(str, target) {
return target === str.slice(-target.length);
}
confirmEnding("Bastian", "n");
复制代码上面的是反向截取，如果我们要正向截取呢，那我们要知道从第几位开始。str.length 和 target.length 相减就 ok 了
比较 slice, substr, substring
str.slice(beginSlice[, endSlice])截取字符串的一部分，返回作为一个新的字符串，不影响原字符串。beginSlice默认为 0 ，当为负数时，会加上字符串长度。endSlice默认为字符串长度，当为负数时，会加上字符串长度。
str.substr(start[, length])返回一个字符串中从指定位置开始到指定字符数的字符。start默认为 0 ，当为负数时，会加上字符串长度。
str.substring(indexStart[, indexEnd])- 如果 indexStart 等于 indexEnd，substring 返回一个空字符串。
- 如果省略 indexEnd，substring 提取字符一直到字符串末尾。
- 如果任一参数小于 0 或为 NaN，则被当作 0。
- 如果任一参数大于 stringName.length，则被当作 stringName.length。
- 如果 indexStart 大于 indexEnd，则 substring 的执行效果就像两个参数调换了一样。
// slice
function confirmEnding(str, target) {
return target === str.slice(str.length - target.length);
}
confirmEnding("Bastian", "n");
// substr
function confirmEnding(str, target) {
return target === str.substr(str.length - target.length);
}
confirmEnding("Bastian", "n");
// substring
function confirmEnding(str, target) {
return target === str.substr(str.length - target.length);
}
confirmEnding("Bastian", "n");
复制代码利用正则表达式，这个真没想过！
RegExp创建了一个正则表达式对象，用于将文本与一个模式匹配。$代表从后面匹配RegExp.test()测试当前正则是否能匹配目标字符串
function confirmEnding(str, target) {
return RegExp(`${target}$`).test(str)
}
confirmEnding("Bastian", "n");
复制代码重复输出字符串 (Repeat a string repeat a string)
思路一：
- 我利用
Array(num)去创建一个数组，该数组中有 num 项 Array.fill()去填充字符串Array.join()去拼接- 判断
num是否小于 0，是的话直接返回空串，注意不能判断是否为真，因为Number => Boolean中只有+0, -0为false
function repeat(str, num) {
if (num < 0) return ''
return Array(num).fill(str).join('')
}
repeat("abc", 3);
复制代码其实嘛，看了博客知道另外一种解法，感觉是我对 Array.join() 不熟悉的原因。 Array.join() 把数组的各项用分隔符隔开，拼接成字符串，不传参的话，默认是用逗号隔开。
- 如果是一个元素都为空的数组
- 这个数组又用某个字符串分隔开
- 是不是就得到一个重复多次的字符串
function repeat(str, num) {
if (num < 0) return ''
return Array(num + 1).join(str) // 注意：num + 1
}
repeat("abc", 3);
复制代码思路二：直接用 String.repeat
str.repeat(count)：构造并返回一个新字符串，该字符串为指定数量的字符串的副本。
count: [0, 正无穷]，为 0 时，返回一个空串，非整数时，向下取整。
function repeat(str, num) {
if (num < 0) return ''
return str.repeat(num)
}
const repeat = (str, num) => num > 0 ? str.repeat(num) : ''
repeat("abc", 3);
复制代码截断字符串 (Truncate a string)
题目要求：
- 如果字符串的长度比指定的参数
num长，则把多余的部分用...来表示。 - 如果指定的参数
num小于或等于3，则添加的三个点号不会计入字符串的长度。 - 插入到字符串尾部的三个点号也会计入字符串的长度。
思路： 分不同情况，进行字符串截取和拼接
function truncate(str, num) {
// num 小于等于3时
if (num < 4) {
return str.slice(0, num) + '...';
}
// num 大于字符串长度时
if (num >= str.length) return str;
return str.slice(0, num - 3) + '...';
}
truncate("A-tisket a-tasket A green and yellow basket", 11);
复制代码使用三元运算符：a ? b : c
function truncate(str, num) {
if (num < str.length) {
return str.slice(0, num > 3 ? num - 3 : num) + '...'
}
return str
}
truncate("A-tisket a-tasket A green and yellow basket", 11)
复制代码其中 slice 也可以换成 substr, substring
猴子吃香蕉, 分割数组 (Chunky Monkey)
题目要求：
- 把一个数组
arr按照指定的数组大小size分割成若干个数组块。 - chunk([1,2,3,4,5],2)=[[1,2],[3,4],[5]];
解题思路：
- 我们需要分割数组，那么我们看一下数组有哪些方法可以分割
console.log(Array.prototype)找到slice()splice()
- 分割完后，要放进数组，那么要用到：
push()concat()
- 那分割的过程呢，要用循环，因为不用一个个遍历，所以用的是
while
// 因为 splice() 会改变原数组的长度，所以可以直接判断数组长度
function chunk(arr, size) {
var a = []
while(arr.length) {
a.push(arr.splice(0, size))
}
return a
}
chunk(["a", "b", "c", "d"], 2);
// 因为 slice() 不会修改原数组长度，所以用变量 i 去计数
function chunk(arr, size) {
var a = []
var i = 0
while(i < arr.length) {
a.push(arr.slice(i, i + size))
i += size
}
return a
}
chunk(["a", "b", "c", "d"], 2);
// 然后 push 和 concat 的区别就是返回值
// push 返回的是 arr.length
// concat 返回的是 一个新数组
复制代码截断数组 (Slasher Flick)
题目要求：返回一个数组被截断 n 个元素后还剩余的元素，截断从索引 0 开始。
大概意思就是：给你一个数组，和一个数字 n ，然后你返回这个数组从 0 开始删除掉 n 个元素的数组。
立马就可以想到：splice() ， 换个思路想想，截取剩余部分的话，那可以有 slice
- 直接删掉数组的一部分
splice
// splice 解法
function slasher(arr, howMany) {
// 请把你的代码写在这里
arr.splice(0, howMany)
return arr
}
function slasher(arr, howMany) {
// 去掉多余的 arr
return arr.splice(0, howMany) && arr
}
slasher([1, 2, 3], 2);
复制代码- 截取剩余部分的
slice
function slasher(arr, howMany) {
return arr.slice(howMany)
}
slasher([1, 2, 3], 2);
复制代码- 当然你也可以用
shift循环 n 次，这样也可以从 0 开始删除部分数组
function slasher(arr, howMany) {
for (let i = 0; i < howMany; i++) {
arr.shift()
}
return arr
}
slasher([1, 2, 3], 2);
复制代码
扫一扫
246
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
