数据属性列表到数组

Question

我有：

<img id="img" data-list="['image2.jpg', 'image3.jpg', 'image4.jpg']" src="image1.jpg">

如何将数据列表中列出的图像添加到数组变量中？

Answer 1

从 img 中获取数据，将其格式化为 JSON，并使用 JSON#parse 将其转换为数组：

var img = document.querySelector('#img');
var array = JSON.parse(img.dataset.list.replace(/'/g, '"'));

console.log(array);

<img id="img" data-list="['image2.jpg', 'image3.jpg', 'image4.jpg']" src="image1.jpg">

Data-attribute list to array