Javascript Array - get first 10 items [duplicate]

Question

I have got a javascript array, and I want to extract the first 10 items from it. Is this possible to use map method for this?

the code I tried is below:

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

This code block returns 20 place_ids but I want to have only 10.

So I tried break inside the map method, and it says SyntaxError: Illegal break statement.

Here data is json result from google place api, and it returns 20 results.

One result

{
    "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"
  },

placeIDs is an array. I want to extract place_ids from the first 10.

So the main idea is that is it possible to break the map inside it?

Inside map function add a if condition for getting only 10 records — shubham chhapre
– shubham chhapre, Commented Dec 6, 2019 at 9:33
Does this answer your question? How to get first N number of elements from an array — Prashanth Reddy
– Prashanth Reddy, Commented Dec 6, 2019 at 9:33
@XiaoJin no, map does not provide any functionality to break. — t.niese
– t.niese, Commented Dec 6, 2019 at 9:34

Thor Jacobsen · Accepted Answer · 2019-12-06 09:32:04Z

21

This will do the job. Replace [startIndex] and [endIndex] with 0 and 10 to get the first 10.

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

answered Dec 6, 2019 at 9:32

Thor Jacobsen

8,8992 gold badges29 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mick · Accepted Answer · 2019-12-06 09:33:14Z

9

Take a look at slice https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

E.g. const my10Items = myArray.slice(0, 10);

answered Dec 6, 2019 at 9:33

Mick

9371 gold badge8 silver badges27 bronze badges

Comments

RamPrakash · Accepted Answer · 2019-12-06 14:30:28Z

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

edited Dec 6, 2019 at 14:30

RamPrakash

1,8403 gold badges21 silver badges28 bronze badges

answered Dec 6, 2019 at 9:35

Shashank Singh

374 bronze badges

2 Comments

Kid Over a year ago

I thought [{a:"x", b:"y"}, {a: 1, b: 2}].

Shashank Singh Over a year ago

splice(startIndex, endIndex)

Collectives™ on Stack Overflow

Javascript Array - get first 10 items [duplicate]

3 Answers 3

Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Linked

Related