小编Unk*_*ser的帖子

我从现有数组创建一个新数组（包含 100.000 个对象的大数组）创建一个新数组。在新数组中，我只想要“城市”值为例如纽约市的元素。

    var newData = [];\n\n    for (var i = 0; i < data.length; i++) {\n\n        if(data[i].city === "New York City") {\n\n            newData[i] = {"city": data[i].city, "longitude": \n            data[i].longitude, "latitude": data[i].latitude, "state": \n            data[i].state};\n\n        }\n     }\n

我一定做错了什么，因为新数组中的很多元素都是null\xe2\x80\xa6

新数组看起来像这样：

[null,null,null,null,null, {"city":"New York", "logitude": \n-73.935242, "latitude": 40.730610, "state": "NY"},\nnull,null,null,null,null,null,"city":"New York", "logitude": \n-73.935242, "latitude": 40.730610, "state": "NY"}]\n

我究竟做错了什么？我怎样才能实现我的目标？

预先感谢各位！

我有一个网格，我可以在其中放置图像，但它们没有填满给定的整个空间。

我希望下图足以说明问题。正如我们所看到的，顶部图像和右侧图像没有填充它们分配给的行。这是什么原因造成的，我该如何解决？

代码是这样的：

 <section class="wrapper">
   <div class="one">
     <img class="img" src="images/lorem/ipsum.jpg" alt="">
   </div>

   <div class="two">
     <img class="img" src="images/lorem/ipsum2.jpg" alt="">
   </div>

   <div class="three">
     <img class="img" src="images/lorem/ipsum3.jpg" alt="">
   </div>
 </section>

 .wrapper {
   display: grid;
   grid-template-columns: repeat(8, 1fr);
   grid-auto-rows: minmax(150px, auto);
   grid-gap: 20px;
   height: 100vh;
 }

.one {
  grid-column: 2 / 7;
  grid-row: 1 / 3;
}

.two {
  grid-column: 2 / 5;
  grid-row: 3 / 4;
} 

.three {
  grid-column: 5 / 7;
  grid-row: 3 / 4;
}

.img {
  width: 100%;
} …

我想做的就是将文本垂直和水平放在img上.

试了很多东西但到目前为止没有任何作用:/

    <div class="img_container">
     <img class="cover-image" src="img.jpg" alt="omg" />
     <h2> bla bla bla </h2>
   </div>

  .img_container {
    width: 100%;
  }

  .img_container h2 {
    margin: 0;
  }

是否可以在if语句中使用css类作为条件？

例如:

if (.css-class) {/*fire this code*/}