请问如何生成动态变量并赋值

Question

#js或jquery如何动态生成变量？
我在页面中有如下代码：

<div id="yanse1" data-values="数据1,数据2,数据3,........数据n"></div>

这个数据个数不确定，有可能一个，也有可能四五个，自定。
现在我需要写JS文件，用上述数据的个数，来确定var的数量和值，比如

var n1="数据1";
var n2="数据2";
..........
var nn="数据n";

请问这该怎么写JS或JQ语句啊？能用什么循环语句吗？

Answer 1

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

你可以使用JavaScript来解决这个问题。首先，你需要获取<div>元素的data-values属性值，然后根据逗号分隔这些数据。接下来，你可以使用循环来动态创建变量，并为每个变量赋值。以下是一个解决方案的代码示例：

// 获取 <div> 元素
var divElement = document.getElementById("yanse1");
// 获取 data-values 属性值
var dataValues = divElement.getAttribute("data-values");
// 根据逗号分隔数据
var dataArray = dataValues.split(",");

// 循环创建变量并赋值
for (var i = 0; i < dataArray.length; i++) {
    // 创建变量名，例如 n1, n2, ..., nn
    var variableName = "n" + (i + 1);
    // 给变量赋值
    window[variableName] = dataArray[i];
}

// 现在你可以通过变量名来访问对应的值
console.log(n1); // 输出 "数据1"
console.log(n2); // 输出 "数据2"
// ...
console.log(nn); // 输出 "数据n"

这段代码首先获取了 <div> 元素和其 data-values 属性的值，然后将这些值根据逗号分隔成一个数组。接着使用循环动态创建变量并为其赋值，最后你可以通过这些变量名来访问对应的值。

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