小编HJW*_*HJW的帖子

filter() 返回空数组

看似无穷无尽的下一个菜鸟问题 array的学习一门新语言中。是的,我确实觉得我什么都不知道。是的,我知道这非常容易。不,我自己无法弄清楚。

我有一个我试图通过过滤器访问的数组。没有特别的原因,只是对免费编码网站之一的挑战:

var cand = [
  {
    name: 'Kevin',
    alter: 19,
  },
  {
    name: 'Walter',
    alter: 22,
  },
  {
    name: 'Herbert',
    alter: 28,
  },
  {
    name: 'Kristin',
    alter: 31,
  },
  {
    name: 'Obergine',
    alter: 39,
  },
  {
    name: 'Hailey',
    alter: 44,
  }
];

var alter = function(){
  return cand.alter < 30;
}

var filter = cand.filter(alter);

filter;
Run Code Online (Sandbox Code Playgroud)

这将返回一个空数组。我有一种感觉,我没有alter正确访问每个属性。我也有一种感觉,我需要一个循环遍历每个人的属性。请帮忙,谢谢

javascript multidimensional-array

6
推荐指数
2
解决办法
2万
查看次数

JS下拉菜单最佳实践

我想在我的项目中实现以下小下拉菜单。

我的代码有什么本质上的错误吗?我尝试:hover通过 CSS 进行伪操作,但没有成功。JS这个东西有更好的方法吗?

document.querySelector('.dropbtn').addEventListener('mouseenter', function(){
  document.querySelector('.dropdown-content').style.visibility = 'visible'
})

document.querySelector('.dropbtn').addEventListener('mouseleave', function(){
  document.querySelector('.dropdown-content').style.visibility = 'hidden'
})
Run Code Online (Sandbox Code Playgroud)
.dropdown {
  display: flex;
  align-items: flex-start;
}

.dropbtn {
    background-color: darkslategray;
    color: white;
    padding: 6px 10px 6px;
    font-size: 18px;
    border: none;
    cursor: pointer;
}

.dropdown-content {
  background-color: darkslategray;
  display: inline-grid;
  visibility: hidden;
  padding: 6px 10px 6px;
}

img {
  margin: 3px;
  height: 40px;
  width: 120px;
  border: 1px solid gray;
}
Run Code Online (Sandbox Code Playgroud)
<div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
    <img src="http://fullhdpictures.com/wp-content/uploads/2016/03/Blur-Backgrounds.jpg" alt="">
    <img src="http://akveo.com/blur-admin/assets/img/blur-bg-blurred.jpg" alt=""> …
Run Code Online (Sandbox Code Playgroud)

javascript css

5
推荐指数
1
解决办法
1万
查看次数

css网格属性值无效

在 Chrome 和 Firefox 中,每晚设置此属性时都会出现以下错误:

grid-template-columns: repeat(auto-fill);
grid-template-rows: repeat(auto-fill, 1fr);
Run Code Online (Sandbox Code Playgroud)

Invalid property value

查看repeat()语法时,似乎我输入正确?两种浏览器似乎仍然以某种方式使其工作,但似乎很奇怪我会收到错误

css css-grid

3
推荐指数
1
解决办法
1540
查看次数

为什么我可以将 const 与 Array.slice() 一起使用并仍然分配新值?

只是注意到我启动了一个 const 并且Array.slice()仍然能够像这样为其分配一个值:

const clickTarget = e.target.innerHTML;
const newState = settings.slice();
const settingIndex = settings.indexOf(setting);

newState[settingIndex].setTo = clickTarget;

setSettings(newState);
Run Code Online (Sandbox Code Playgroud)

上下文:点击处理函数。

是否应该出现一个错误,表明您无法使用常量分配新值?我有预感,这是由于切片仅引用其中的对象,因此从技术上讲它尚未分配值。

javascript arrays reactjs

1
推荐指数
1
解决办法
612
查看次数