items.map is not a function javascript

Question

So Im trying to get insta posts by url

This is my code:

const data = get('${url}'})

console.log(data)

Data that i get in console (post with only 1 picture):

[
{
media: "example.com"
}
]

const items = data.media

so the issue is right here:

const Post_MP4 = items.map((item, index) => {

if(item && item.includes(".mp4"))
 return ({name: 'video${index}.mp4', attachment: item})

else if(item && item.includes(".jpg")) 

return ({name: 'image${index}.jpg', attachment: item})
}).filter(item => item)

When the insta post has only 1 picture i get an error(items.map is not a function) but when the post has more than 1 picture I dont get any error.

Data when the post has more than 1 picture:

{
media: ["example", "example2"] 
}

What can I do to not get any error by using this code. Thank you.

Check to see if it’s an array?

Dave Newton
– Dave Newton

2022-08-06 21:43:57 +00:00
Commented Aug 6, 2022 at 21:43 — Dave Newton
– Dave Newton, Commented Aug 6, 2022 at 21:43

Michée Allidjinou · Accepted Answer · 2022-08-06 21:54:46Z

2

The map method is to be used on an array. When there's only one picture, you return a string, which do not have the array method. But when there's more than one, you return an array which indeed has the map method. As mentioned in the comments, check if media is an array with the isArray method.

edited Aug 6, 2022 at 21:54

answered Aug 6, 2022 at 21:47

Michée Allidjinou

2382 silver badges8 bronze badges

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

3 Comments

Alejo Rios Over a year ago

When the has has only 1 picture this is what i got in console: { media: "url"}. Post with more than 1 picture: { media: ["url"] } . What can i do

Dave Newton Over a year ago

@AlejoRios Check to see if it’s an array?

Alejo Rios Over a year ago

@DaveNewton , if data it's an array, else if isn't an array? I'll try, thank you;)

Faheem · Accepted Answer · 2022-08-06 21:49:20Z

1

The "TypeError: map is not a function" occurs when we call the map() method on an object that is not an array. To solve the error, console.log the value you're calling the map() method on and make sure to only call the map method on valid arrays.

answered Aug 6, 2022 at 21:49

Faheem

112 bronze badges

Collectives™ on Stack Overflow

items.map is not a function javascript

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related