Javascript循环遍历变量

Question

所以现在这是我当前的代码，我正在尝试找出一种方法来循环遍历我已经声明的变量（假设变量 1-9 已经有值）。我只是想知道这是否可能？

var title;
var brief;
var hover;
var whatTitle;
var whatDesc;
var whyTitle;
var whyDesc;
var funTitle;
var funDesc;
var titles = [];
var briefs = [];
var hovers = [];
var whatTitles = [];
var whatDescs = [];
var whyTitles = [];
var whyDescs = [];
var funTitles = [];
var funDescs = [];

    var obj = {'titles' : title};
    if(localStorage.getItem('titles') != null) {
        var tmp = JSON.parse(localStorage.getItem('titles'));
        for(var i = 0;i<tmp.length;i++) {
            titles.push(tmp[i]);
        }

    }
    titles.push(obj);
    localStorage.setItem("titles", JSON.stringify(titles));

如果我们打印出循环代码，我想要的输出：

var obj = {'titles' : title};
    if(localStorage.getItem('titles') != null) {
        var tmp = JSON.parse(localStorage.getItem('titles'));
        for(var i = 0;i<tmp.length;i++) {
            titles.push(tmp[i]);
        }

    }
    titles.push(obj);
    localStorage.setItem("titles", JSON.stringify(titles));

var obj = {'briefs' : brief};
    if(localStorage.getItem('briefs') != null) {
        var tmp1 = JSON.parse(localStorage.getItem('briefs'));
        for(var i = 0;i<tmp.length;i++) {
            briefs.push(tmp[i]);
        }

    }
    briefs.push(obj);
    localStorage.setItem("briefs", JSON.stringify(briefs));

var obj = {'hovers' : hover};
    if(localStorage.getItem('hovers') != null) {
        var tmp2 = JSON.parse(localStorage.getItem('hovers'));
        for(var i = 0;i<tmp.length;i++) {
            hovers.push(tmp[i]);
        }

    }
    hovers.push(obj);
    localStorage.setItem("hovers", JSON.stringify(hovers));

...etc

Answer 1

如果代码在浏览器中运行，那么您可以执行以下操作：

for(key in window) { console.log(window[key]) } // print all variables

变量与全局命名空间相关联。也就是说最上面的“this”引用或者window对象。

Answer 2

您的代码就快到了。如果您查看“所需输出”示例，您会发现“展开循环”的每个元素之间唯一真正不同的是本地存储的关键（“标题”、“简报”、“悬停”） .

考虑到这一点，您可以使用 Object 将键映射到您在顶层拥有的变量。所以这个：

var titles = [];
var briefs = [];
var hovers = [];
var whatTitles = [];
var whatDescs = [];
...

变为（UPDATE：保留初始值设定项）：

var key_to_collection = {
  'titles': [title],
  'briefs': [brief],
  'hovers': [hovers],
  'whatTitles': [whatTitles],
  'whatDescs': [whatDescs],
}

然后，循环遍历这个对象的值：

Object.keys(key_to_collection).forEach(function(key) {
  var obj = {};
  collection = key_to_collection[key];
  obj[key] = collection;
  if(localStorage.getItem(key) != null) {
    var tmp = JSON.parse(localStorage.getItem(key));
    for(var i = 0;i<tmp.length;i++) {
      collection.push(tmp[i]);
    }
  }
  collection.push(obj);
  localStorage.setItem(key, JSON.stringify(collection));
});

Answer 3

例如，如果您的变量名称是title，那么您可以使用window['title'] 访问它。这意味着如果你定义一个全局变量名数组：

const varNames = ['title', 'brief', 'hover', ...]

然后你可以像下面这样循环

for(const name of varNames) {
  const value = window[name]
  // do whatever you want using the variable name and value 
}

我希望这能解决你的问题:)