Javascript数组-获取前10项[重复]

Question

我有一个javascript数组，我想从中提取前10项。是否可以使用map方法进行此操作？

我尝试的代码如下：

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

此代码块返回20place_ids但我希望只有10。

所以我尝试在map方法中使用break，它说SyntaxError：非法break语句。

这里的数据是来自google place 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个位置提取位置ID。

所以主要的想法是，有没有可能打破它里面的地图？

Answer 1

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"]

Answer 2

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

const my10Item=myArray.slice（0,10）；

Answer 3

这将做这项工作。用0和10替换[start Index]和[endIndex]以获得第一个10。

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