代码之家 › 专栏 › 技术社区 › Fabian Mayer

键不是数字时的Foreach

firebase angular javascript

Fabian Mayer · 技术社区 · 3 年前

在我的项目中,我将数组推入firebase实时数据库的表中。Firebase为每个数组生成令牌而不是数字id:

{
    "-N2mToYDj-i8ToErmaUj": {
        "anzahl": 2,
        "groesse": 0.5,
        "name": "getraenk1",
        "preis": 5.5
    },
    "-N2mX3RPnDXxWMHMJScy": {
        "anzahl": 1,
        "groesse": "0.25",
        "name": "getraenk2",
        "preis": 2.2
    },
    "-N2mXBT8c7EKlIgyrU72": {
        "anzahl": 1,
        "groesse": "0.5",
        "name": "getraenk3",
        "preis": 3.4
    },
    "-N2mXZD1BoCslj81Lcya": {
        "anzahl": 1,
        "groesse": "1",
        "name": "getraenk4",
        "preis": 5.2
    "-N2m_g8GutpAFqsN4WsP": {
        "anzahl": 1,
        "groesse": "0.33",
        "name": "getraenk5",
        "preis": 3.2
    },
}

3 回复 | 直到 3 年前

Samathingamajig 3 年前

Object.values . 如果您也关心键,请将结果包装在 Object.entries

const data = {"-N2mToYDj-i8ToErmaUj":{"anzahl":2,"groesse":0.5,"name":"getraenk1","preis":5.5},"-N2mX3RPnDXxWMHMJScy":{"anzahl":1,"groesse":"0.25","name":"getraenk2","preis":2.2},"-N2mXBT8c7EKlIgyrU72":{"anzahl":1,"groesse":"0.5","name":"getraenk3","preis":3.4},"-N2mXZD1BoCslj81Lcya":{"anzahl":1,"groesse":"1","name":"getraenk4","preis":5.2},"-N2m_g8GutpAFqsN4WsP":{"anzahl":1,"groesse":"0.33","name":"getraenk5","preis":3.2}};

Object.values(data).forEach(value => console.log("value", value));

console.log("===================");
Object.entries(data).forEach(([key, value]) => console.log("key", key, "value", value));

Daniel Black 3 年前

看起来你得到的是一个对象而不是一个列表,这就是为什么forEach不工作的原因。您需要遍历返回对象的键,并以这种方式提取相应的记录。

您可以这样做来循环键:

var object = {"one":"data-1","two":"data-2"}
var keys = Object.keys(object)
keys.forEach(function(key){
    console.log(key); 
    console.log(object[key])
})

Hossein hossein 3 年前

假设您的数据存储在 test 对象您可以使用 Object 函数以处理任何对象。要访问所有密钥,您可以尝试以下操作:

Object.keys(test).map(key => { // key in here can be for example -N2mToYDj-i8ToErmaUj
    const data = test[key] // this is the full object that each key points to
/* 
   {
        "anzahl": 2,
        "groesse": 0.5,
        "name": "getraenk1",
        "preis": 5.5
    }
*/
})

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前