2024年最全那些年，几道”老生常错“的前端面试题(四)(1)，2024年最新计算机网络面试题

最后

正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 5.已知用户输入手机号的时候可能是通过粘贴输入，此时就会带上不需要的信息，例如：

1. 请生成一个16位的随机数字；

---

可以 String(Math.random()).split(‘.’)[1].slice(0, 16);  当然，还有很多其他一些方法。使用new Date().getTime()或类似方法的不得分。

2.所有题目公用一个上下文，已知数组：

---

let arr = [1,2,3];

1. arr的长度是多少？

2. 去除arr中的空数组项;

3. arr2 = arr.map(parseInt)，请写下arr2的内容;

4. arr和arr2合并成数组arr3。

5. 去除数组arr3中重复内容

答案：

第一题，空数组项也会作为length的一部分；空数组项和空字符串项是有区别的。结果是4。

第2题 本题只是过滤空数组项，不包括null, undefined这类，去除空数组项两个比较好的回答：

数组中的 empty 元素不会参与数组项遍历，故只需返回 true 即可过滤掉 empty 元素（而不会牵连 0、NaN、null、undefined、‘’ 这些）

arr.filter(it => true)

注意走for循环，还是会遍历empty数组项。或者filter方法参数直接就是一个function即可。例如：arr.filter(Number)， arr.filter(String)

上面并不会最好的方法。数组有个API，天然去除空数组项，arr.flat()。flat()可以让数组扁平化的方法。

第3题标准答案应该是[1, NaN, NaN]，map里面Function支持参数(value, index, arr)。

第4题就是concat，可以数组合并，arr3 = arr.concat(arr2)。如果不考虑兼容，可以[...arr, ...arr2]。其他参考方法：Array.prototype.push.apply(arr3, arr2)，也可以[].push.apply(arr3, arr2)，此时arr3是合并后的数组。

第五题，数组去重。使用Array.from(new Set(arr3))，或者[...new Set(arr3)]。

3.关于字符串处理：

---

1. 写一个名为toCamelCase的方法，实现把类似’abc-def-ghi’的字符转换成’abcDefGhi’。

2. 写一个名为toDashJoin的方法，实现把驼峰形式字符串’abcDefGhi’转换成’abc-def-ghi’。

3. 写一个名为toCapitalize的方法，实现首字母大写功能（原来字母就是大写的不处理），如’i like css’转换成’I Like Css’。

4. 写一个名为toBetterUrl的方法，实现把类似’CSS value type’转换成’css-value-type’（只需考虑空格和大小写处理）。

「参考答案：」

function toCamelCase(str){

return str.replace(/-(.)/g,function($0,$1){

console.log($0,$1)

return $1.toUpperCase()

})

}

console.log(toCamelCase(“abc-def-ghi”));

function toDashJoin(str){

return str.replace(/[A-Z]/g,function($0){

return ‘-’+$0.toLowerCase()

})

}

console.log(toDashJoin(“abcDefGhi”));

function toCapitalize(str){

return str.replace(/(\s+|^)(\w)/g,function($0,$1,$2){

return $1+$2.toUpperCase()

})

}

console.log(toCapitalize(‘i like css’));

function toBetterUrl(str){

return str.replace(/[A-Z]/g,function($0){

return $0.toLowerCase()

}).replace(/\s+/g,‘-’)

}

console.log(toBetterUrl(‘CSS value type’));

4.在一个Web页面中有很多的链接和图片，例如：

---

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自己在和面试官说项目说技术时的话就好了

[外链图片转存中…(img-Pgez0U4s-1715689040657)]

[外链图片转存中…(img-O6pry9fV-1715689040657)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】