如何在 Javascript 中从数组创建变量数组

How to create an array of variables from an array in Javascript

本文关键字：数组 创建 变量 Javascript      更新时间：2023-09-26

我有一个名为"information"的变量，它创建了一个多维数组。对于数组中的每一行，我想返回一个变量，其名称是数组中的第一个值。换句话说，给定下面的"信息"数组，我想要以下输出：

var lunalovegood = information[i][2] + ' ' + information[i][3] + ' is a ' + information[i]    [1] + '!'; //Luna Lovegood is a Ravenclaw!;
var dracomalfoy = information[i][2] + ' ' + information[i][3] + ' is a ' + information[i]    [1] + '!'; //Draco Malfoy is a Slythering!;;
var hermionegranger = information[i][2] + ' ' + information[i][3] + ' is a ' + information[i]    [1] + '!'; //Hermione Granger is a Gryffindor!;;

换句话说，我希望能够使用"信息"数组中的每个元素来创建一些标记。我已经知道如何在给定信息数组的情况下获取我需要的信息，但正如您在下面看到的，我必须为每个名称声明单独的变量。

for (var i = 0; i < information.length; i++) {
var htmlString = information[i][2] + ' ' + information[i][3] + ' is a ' + information[i]    [1] + '!'; //Luna Lovegood is a Ravenclaw!
$('div').html(htmlString);
} //end for loop 
var information = [
['lunalovegood', 'Ravenclaw', 'Luna', 'Lovegood', '(chaser)', 'lovegood.jpg', 4]
['dracomalfoy', 'Slytherin', 'Draco', 'Malfoy', '(seeker)', 'malfoy.jpg', 2],
['hermionegranger', 'Gryffindor', 'Hermione', 'Granger', '(none)', 'granger.jpg', 3],
];

下面的javascript创建了三个变量，分别是'lunalovegood'、'dracomalfoy'和'hermionegrange'，但这是创建变量的漫长道路。如何通过循环遍历"information"数组中的第 0 个索引元素来创建这些变量，数组中的每一行一个？

    var myVariables = {}
   ,varNames = ["lunalovegood","dracomalfoy","hermionegranger"]; 
for (var i=0;i<varNames.length;i+=1){
 myVariables[varNames[i]] = 0;
    console.log(lunalovegood);
}

您当前的方法只需要进行最细微的调整，就不需要第二个数组。

var students = {}, i;
for (i = 0; i < information.length; ++i)
    students[information[i][0]] = information[i][2] + ' ' + information[i][3] + ' is a ' + information[i][1] + '!';

现在，通过获取数组的第一项来设置密钥。然后，您将对文本执行以下操作，

students['lunalovegood']; // "Luna Lovegood is a Ravenclaw!"

您的information文字中还缺少一个,。

这应该可以帮助您：

全局作用域中的每个变量都可以作为窗口对象的字符串属性进行访问

var myvariable = 4;
alert(window["myvariable"]); // will alert 4
window["newvariable"] = 6;
alert(newvariable);   // will alert 6

我同意Bergi的观点。变量应表示由代码定义的固定有限成员集;数据（如列表内容中）通常不应引入新变量。

因此，以下是我推荐的方法（请注意，我添加的内容比"最低要求"多一点;祝你好运！）：

// Using a function makes it easy to change details and avoid leaking
// variables accidentally.
function loadWizards(information) {
  var wizards = [];
  for (var i = 0; i < information.length; i++) {
    var info = information[i];
    var name = info[0];
    // Mapping to named properties means we can forget about indices!
    wizards[name] = {     // <- use Name to map to our Wizard object
        house: info[1],
        // ..
        image: info[7]
    };            
  }
  return wizards;
}
// I have no idea if they are wizards, but give variables useful names.
// 'information' is too generic.
var wizards = loadWizards(information);
// Then later on, use it as:
alert("Hello " + wizards['hermionegranger'].name + "!")
                       // ^-- property access by Name

var formattedInfo = {}; 
$.each(information, function (i, v) {
    formattedInfo[v[0]] = v[2] + ' ' + v[3] + ' is a ' + v[1];
});

信息定义的第一行末尾缺少逗号。

顺便说一句，我非常喜欢哈利波特。

相关文章：