How to work with arrays?

Question

Vue.js

When I write alert(data), the alert displays

[{"id":84,"img_name":"o1.jfif","product_id":43,"title":"","alt":"","color_name":"Black"},{"id":85,"img_name":"o2.jfif","product_id":43,"title":"","alt":"","color_name":"OrangeRed"}]

When I write alert(data[0])then the alert displays [
If I write alert(data[0].id)then the alert displays undefined
These manipulations I carry out inside my method in Vue. Can you tell me what is wrong?

Answer 1

Well, you have a string in data, not an array. This is a JSON string, convert it to an array.
let dataArr = JSON.parse(data);
alert(dataArr[0]);