如何写循环语句以简化如下代码

Question

#重复代码简化问题
要从页面中的几个有序的容器中读取数据，比如下方，

var Names = $("#data1").data("names");
var arrNames = Names.split(",");
var Mf = $("#data1").data("mf");
var arrMf = Mf.split(",");
var Names2 = $("#data2").data("names");
var arrNames2 = Names2.split(",");
var Mf2 = $("#data2").data("mf");
var arrMf2 = Mf2.split(",");

date的数量不确定，有可能只有data1,也有可能是date1\2\3\n,所以为避免写重复代码，如何写循环语句呢？

Answer 1

该回答引用自GPT-3.5,由博主GISer Liu编写：

为了简化代码，你可以使用 jQuery 的选择器以及 .each() 方法来动态地遍历页面中的数据容器。下面是解决方案的思路和代码：

1. 使用 jQuery 的选择器选取所有以 "data" 开头的元素。
2. 使用 .each() 方法遍历选取到的元素。
3. 在遍历的过程中，根据当前元素的数据属性动态获取数据，并进行相应的处理。
   以下是具体的代码示例：
   javascriptCopy code

   // 定义一个空数组用于存储处理后的数据
   var dataArrays = [];
   // 使用 jQuery 选择器选取所有以 "data" 开头的元素
   $('[id^="data"]').each(function(index) {
   // 获取当前元素的数据属性值
   var names = $(this).data('names');
   var mf = $(this).data('mf');
   // 切割数据并存入数组
   var arrNames = names.split(",");
   var arrMf = mf.split(",");
   // 将切割后的数据存入 dataArrays 数组中
   dataArrays.push({
   names: arrNames,
   mf: arrMf
   });
   });
   // 输出处理后的数据数组
   console.log(dataArrays);
   

   这段代码会动态地处理页面中以 "data" 开头的元素，并将它们的数据存入一个数组中，每个元素都包含两个属性：names 和 mf，分别存储了对应的数据数组。

如果该回答解决了您的问题，请采纳！如果没有，请参考以下方案进行修订