主页 / 问题 / 1298989
Accepted
humster_spb
Asked:2022-06-25 18:54:46 +0000 UTC2022-06-25 18:54:46 +0000 UTC

JS：如何为对象键添加循环计数器？

  • 772

有一个条件对象的形式：

let obj = {
    smallNews: {
        title1: "Заголовок 1",
        title2: "Заголовок 2",
        title3: "Заголовок 3",
        title4: "Заголовок 4",
    }
}

当我直接访问其中一个键时，我可以输出它的值：

console.log(obj.smallNews.title2) // Заголовок 2

以及如何在正常循环中显示所有值？那些。如何title在循环中添加计数器值？

现在我这样做：首先我形成一个字符串，然后在帮助下eval获得值。但是，恕我直言，这不是最好的方法。可以用其他方式吗？

let obj = {
    smallNews: {
        title1: "Заголовок 1",
        title2: "Заголовок 2",
        title3: "Заголовок 3",
        title4: "Заголовок 4",
    }
}

for (let i = 1; i<= 4; i++) {
  let str = 'obj.smallNews.title'+i;
    console.log(eval(str));
}

javascript

3 个回答

  1. Best Answer

    let obj = {
    smallNews: {
        title1: "Заголовок 1",
        title2: "Заголовок 2",
        title3: "Заголовок 3",
        title4: "Заголовок 4",
    }
}

for (const key in obj.smallNews)
{
    console.log(obj.smallNews[key]);
}

    或者： 

    let obj = {
    smallNews: {
        title1: "Заголовок 1",
        title2: "Заголовок 2",
        title3: "Заголовок 3",
        title4: "Заголовок 4",
    }
}

Object.values(obj.smallNews).forEach((title) =>
{
  console.log(title);
});

    但我的问题是，为什么不最初使用数组？

    let obj = {
    smallNews: [
        "Заголовок 1",
        "Заголовок 2",
        "Заголовок 3",
        "Заголовок 4",
    ]
};

obj.smallNews.forEach((title) =>
{
  console.log(title);
});

    评论后：

    let obj = {
    smallNews: {
        title1: "Заголовок 1",
        title2: "Заголовок 2",
        title3: "Заголовок 3",
        title4: "Заголовок 4",
    }
}

for (let i = 1; i<= 4; i++) {
    console.log(obj.smallNews['title' +i]);
}

    • 2

  2. 如果需要输出为数组

    let a = []
for ( i in obj.smallNews) {
    a.push(obj.smallNews[i])
    console.log(a);
}
    • 1

  3. 以及如何在正常循环中显示所有值？

    如果这是任务，那么原则上不需要键（在不需要计算它们的名称的意义上） - 您可以简单地分别获取值。方法：

    const obj = {
  smallNews: {
    title1: "Заголовок 1",
    title2: "Заголовок 2",
    title3: "Заголовок 3",
    title4: "Заголовок 4",
  },
};

for (const value of Object.values(obj.smallNews))
  console.log(value);

    也就是说，我当然看到并理解问题是什么 - 事实上，它是关于解决“计算对象键的名称”问题的一种方法......但任务本身可能设置不正确/非-最佳。毕竟，如果您考虑一下，那么以这种方式计算密钥会产生许多潜在的问题：

    • 预期存在指定键时出错的概率（得到undefined）
    • 引用对象的原型属性而不是它自己的概率
    • 调试困难，既是因为前两点，也是因为其他各种小事（例如，控制台中可能输出“未能获得未定义的值属性”的原因有些晦涩难懂，而您需要打开代码才能找到循环本身的位置）
    • 字符串操作对资源的陈旧浪费（当只有 4 个键时，这根本不是关键，但是在长数组厚对象的循环中，并且通过嵌套，它可能会令人难过）。

    第三点是有争议的，但其余的都是真实的，恕我直言。
    就其本身而言，密钥计算并不完全是邪恶的……更准确地说，它是一种恰好是必要的邪恶。是否需要它 - 正是这个答案所写的内容，我敦促您考虑的内容（因为我有时徒劳地使决定复杂化😁）。

    • 0

相关问题