手撕面试题 5月
- 为了不断优化推荐效果，今日头条每天要存储和处理海量数据。假设有这样一种场景：我们对用户按照它们的注册时间先后来标号，对于一类文章，每个用户都有不同的喜好值，我们会想知道某一段时间内注册的用户（标号相连的一批用户）中，有多少用户对这类文章喜好值为k。因为一些特殊的原因，不会出现一个查询的用户区间完全覆盖另一个查询的用户区间(不存在L1<=L2<=R2<=R1)。
let chaxunzuarr = [];
//第一行输入，用户个数
let yonghushu = readline(),
//第二行输入，用户对应喜好，转化为数组
xihaoduarr = readline().split(' '),
//第三行输入，查询组数
chaxunzushu = readline();
//循环所有查询组，4行开始的所有行
for(let i = 0;i<chaxunzushu;i++){
//取得每行值，转为数组
chaxunzuarr[i] = readline().split(' ');
}
let arr = [];
//遍历喜好度数组，将相同喜好度的下标添加进一个新数组
//样例添加完后生成arr=[,[0],[1],[2,3],,[4]]
xihaoduarr.forEach((item,index) => {
if(arr[item] == undefined){
arr[item] = [];
}
arr[item].push(index);
});
//遍历查询组
for(let j = 0;j<chaxunzushu;j++){
//取得每行第一个数l，转化为下标-1
let start = chaxunzuarr[j][0] - 1,
//取得每行第二个数r，转化为下标-1
end = chaxunzuarr[j][1] - 1,
//取得每行第三个数k，喜好度
value = chaxunzuarr[j][2],
//初始化结果用户个数
geshu = 0;
if(arr[value] == undefined){
//下标数组为未定义时，无喜好度
console.log(0);
}else{
//循环下标数组内元素，判断元素数组内元素是否处于标号间
arr[value].forEach(e=>{
if(e>=start && e<=end){
geshu++;
}
})
print(geshu);
}
}
- 作为一个手串艺人，有金主向你订购了一条包含n个杂色串珠的手串——每个串珠要么无色，要么涂了若干种颜色。为了使手串的色彩看起来不那么单调，金主要求，手串上的任意一种颜色（不包含无色），在任意连续的m个串珠里至多出现一次（注意这里手串是一个环形）。手串上的颜色一共有c种。现在按顺时针序告诉你n个串珠的手串上，每个串珠用所包含的颜色分别有哪些。请你判断该手串上有多少种颜色不符合要求。即询问有多少种颜色在任意连续m个串珠中出现了至少两次。
// 初始化串珠总个数，连续的串珠个数，颜色种类数，所有串珠的颜色信息数组, 同一颜色的串珠数组, 不合格的颜色个数
let ballNums, linkNums, colorNums, ballColor = [], sameColorBall = [], count = 0;
[ballNums, linkNums, colorNums] = readline().split(' ').map(item => Number(item));
// 依次保存每个串珠所用颜色信息
// 数组的每个元素都是一个数组，元素数组的第一位代表颜色个数，后续代表所用颜色
for(let i = 0; i < ballNums; ++i) {
ballColor[i] = readline().split(' ').map(item => Number(item))
}
// 将同一颜色出现的串珠序号进行收集
ballColor.forEach((item, index) => {
// 若该串珠所用颜色种类大于0
// console.log(item, 'item');
if(item[0] > 0) {
let colorArr = item.slice(1)
// 下面的item代表不同的颜色种类
colorArr.forEach(color => {
// 如果之前已经保存过使用某颜色的串珠序号，则直接将其添加到数组中去
if(sameColorBall[color]) {
sameColorBall[color].push(index + 1)
} else {
sameColorBall[color] = [index + 1]
}
})
}
})
sameColorBall.forEach(item => {
// sameColorBall[0]代表使用‘0’这种颜色的所有串珠的序号数组,这里的序号是按顺序排列的
for(let i = 0; i < item.length - 1; ++i) {
if(item[i+1] - item[i] < linkNums) {
++count;
break;
}
if(ballNums - item[item.length - 1] + item[0] < linkNums) {
++count;
break;
}
}
})
console.log(count);
- 以下函数使用二分查找搜索一个增序的数组，当有多个元素值与目标元素相等时，返回最后一个元素的下标，目标元素不存在时返回-1。请指出程序代码中错误或不符最佳实践的地方（问题不止一处，请尽量找出所有你认为有问题的地方）
int BinarySearchMax(const std::vector<int>& data, int target)
{
int left = 0;
int right = data.size();
while (left < right) {
int mid = (left + right) / 2;
if (data[mid] <= target)
left = mid + 1;
else
right = mid - 1;
}
if (data[right] == target)
return right;
return -1;
}
- 1、当data大小为零时，明显会出错，应该先判断一下。
2、 right 应该等于 data.size()-1，否则当目标出现在data最右边或比data中所有的数大时，会访问越界。
修改后的代码如下
int BinarySearchMax(const vector<int>& data, int target)
{
if (data.size() == 0)
return -1;
int left = 0;
int right = data.size() - 1;
while (left < right) {
int mid = (left + right) / 2;
if (data[mid] <= target)
left = mid + 1;
else
right = mid - 1;
}
if (data[right] == target)
return right;
return -1;
}
- 设计一个TODO List，页面结构如下图所示，要求：
使用HTML与CSS完成界面开发
实现添加功能：输入框中可输入任意字符，按回车后将输入字符串添加到下方列表的最后，并清空输入框
实现删除功能：点击列表项后面的“X”号，可以删除该项
实现模糊匹配：在输入框中输入字符后，将当前输入字符串与已添加的列表项进行模糊匹配，将匹配到的结果显示在输入框下方。如匹配不到任何列表项，列表显示空
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TODOList</title>
<style type="text/css">
body{
margin: 0;
background-color: #f5f5f5;
}
h1{
margin: 30px 0 0 0;
color: #ff5550;
text-align: center;
font-size: 60px;
}
#back{
width: 300px;
margin: 0 auto;
border: 1px solid #333;
box-shadow: 0px 0px 3px #999;
background-color: #fff;
}
#back input{
width: 100%;
box-sizing: border-box;
line-height: 30px;
border: none;
border-bottom: 1px solid #000;
padding: 5px 15px;
font-size: 18px;
}
#list_back .single{
position: relative;
border-bottom: 1px solid #000;
}
#list_back .single p{
width: 100%;
height: 30px;
margin: 0;
line-height: 30px;
padding: 5px 15px;
}
#list_back .single span{
position: absolute;
right: 0;
top: 0;
width: 30px;
text-align: center;
line-height: 40px;
font-size: 18px;
color: #000;
cursor: pointer;
}
</style>
</head>
<body>
<h1>todos</h1>
<div id="back">
<input id="addInput" type="text" name="">
<div id="list_back">
</div>
</div>
<script type="text/javascript">
var oAddInput = document.getElementById('addInput');
var oList_back = document.getElementById('list_back');
var all = document.getElementsByClassName('single');
oAddInput.onkeyup = function(){
// alert(event.keyCode);//13
// alert(event.code);//Enter
if(event.keyCode == '13'){
// alert('add');
var oDiv = document.createElement('div');
var oSpan = document.createElement('span');
var oP = document.createElement('p');
oDiv.appendChild(oP);
oDiv.appendChild(oSpan);
oP.innerHTML = oAddInput.value;
oSpan.innerHTML = '×';
oDiv.className = 'single';
oList_back.appendChild(oDiv);
oAddInput.value = '';//清空输入框
oSpan.onclick= function(){
oList_back.removeChild(this.parentNode);//绑定删除方法
};
}
};
//模糊查询
function select(){
oAddInput.addEventListener('keyup', function(e){
//监听键盘抬起事件（所有键盘按钮）
// console.log(e.target.value);
var str = e.target.value;
var reg = new RegExp('(' + str + ')', 'g');//匹配到的文字变红色，准备工作
for( var i = 0; i<all.length; i++ ){
var one = all[i].getElementsByTagName('p')[0];
var newStr = one.innerText.replace(reg, '$1');//换-->红色，用innerText防止用innerHTML将标签也读取出来出错。
if( one.innerText.indexOf(str) == -1 ){
//也选用innerHTML
all[i].style.display = 'none';//匹配不到的掩藏
}else{
one.innerHTML = newStr;//匹配到的变红
}
}
if(str == ''){
for( var i = 0; i<all.length; i++ ){
all[i].style.display = 'block';//输入框空时全部显示
}
}
});
}
select(); //函数解析完就运行
</script>
</body>
</html>