Javascript Array - 获取前 10 个项目

Question

我有一个javascript数组，我想从中提取前10个项目。 是否可以为此使用地图方法？

我尝试的代码如下：

data.map((item, i) => {
placeIDs.push(item.place_id);
});

这个代码块返回 20 place_ids但我只想有 10 个。

所以我尝试在 map 方法中中断，它说语法错误：非法中断语句。

这里的数据是来自谷歌地方 API 的 json 结果，它返回 20 个结果。

一个结果

{
"geometry": {
"location": {
"lat": 61.2180556,
"lng": -149.9002778
},
"viewport": {
"northeast": {
"lat": 61.48393789999999,
"lng": -148.4600069
},
"southwest": {
"lat": 60.733791,
"lng": -150.4206149
}
}
},
"icon": "https://maps.gstatic.com/mapfiles/place_api/icons/geocode-71.png",
"id": "2edc2d446c844a7a55a2ccbe4a2dfda60a5a0264",
"name": "Anchorage",
"photos": [
{
"height": 1152,
"html_attributions": [
"<a href="https://maps.google.com/maps/contrib/102061280252416580615">Efren Norstein</a>"
],
"photo_reference": "CmRaAAAA9aiV4_BwvK6GfpuswWMBzwuO4LM55YUxGuN8q-4kyZ2-eeyl386ArGmc0-qyBr1r49cuibTIx_2QjFNIBoSRZFspgTBKzciji_-srPClBjNKx8q02BmvwM5vZxVy71lSEhDSY8VwSU2I6uHJPBVvZStBGhQ-_-ZcvP8QhktxugB9k_YHr3OX6A",
"width": 2048
}
],
"place_id": "ChIJQT-zBHaRyFYR42iEp1q6fSU",
"reference": "ChIJQT-zBHaRyFYR42iEp1q6fSU",
"scope": "GOOGLE",
"types": ["locality", "political"],
"vicinity": "Anchorage"
},

placeID是一个数组。 我想从前 10 个中提取place_ids。

所以主要的想法是，是否有可能打破其中的地图？

Answer 1

这将完成这项工作。将[startIndex]和[endIndex]替换为 0 和 10 以获得前 10

。

data.slice([startIndex], [endIndex]).map((item, i) => {
placeIDs.push(item.place_id);
});

Answer 2

看看切片 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

例如 const my10Items = myArray.slice(0， 10(;

Answer 3

var mapdata = [{ a: "x", b: "y" }, { a: 1, b: 2 }, { a: "m", b: "n" }, { a: "aa", b: "bb" }, { a: "11", b: "22" }];
var result = mapdata.splice(0, 3).map(_data => {
return { a: _data.a };
})
// result is [{"a":"x"},{"a":1},{"a":"m"}]
or
var result = mapdata.splice(0, 3).map(_data => {
return _data.a;
})
// result is ["x", 1, "m"]