【问题标题】:Dynamically inserting values while iterating over JSON object in Javascript在 Javascript 中迭代 JSON 对象时动态插入值
【发布时间】:2014-02-21 18:37:35
【问题描述】:

对于我的技能水平,我可能在兔子洞里走得太远了。

这是我得到的 JSON 数据(它向下几级。)

field_user_skill: {
    und: {
        0: {
            field_skill: { 
                und: "JavaScript" 
            },
            field_user_skill_current_rating: {
                und: [{
                    value: "5"
                }]
            },
            field_user_skill_desired_rating: {
                und: [{
                    value: "9"
                }]
            },
            remove_button: "Remove",
            _weight: 0
        },
        1: {
            field_skill: {
                und: "Ruby"
            },
            field_user_skill_current_rating: {
                und: [{
                    value: "6"
                }]
            },
            field_user_skill_desired_rating: {
                und: [{
                    value: "10"
                }]
            },
            remove_button: "Remove",
            _weight: 1
        },
    }

我正在努力思考如何使用特定值(来自数组),例如。 var index = [0,1,2,3] 迭代对象并在每次传递时替换 ID,并希望创建一个新数组,我可以在其中比较 field_user_skill_current_ratingfield_user_skill_desired_rating 的值。

例如,在第一遍中,使用field_user_skill.und.0 的第一个索引,然后在下一遍中使用field_user_skill.und.1,以此类推,这样我就可以根据每个结果。

我尝试了所有突然出现的(疯狂的)想法,但现在我被困住了。

我只是不确定在使用 Javascript 进行迭代时如何替换值。事实上,这可能吗?我很抱歉格式化。提前致谢!

【问题讨论】:

  • 查看 underscore.js。这是一个很好的库,有很多方法可以遍历 javascript 对象。它将为您省去很多麻烦。
  • 向我们展示一些迭代代码。你解析过json吗?您是否有要迭代的 javascript 对象?
  • 什么样的比较?

标签: javascript arrays json loops


【解决方案1】:

此代码假定您的 JSON 永远不会偏离上述结构,因此您应该确保是这种情况,否则您需要在尝试访问属性或数组值之前添加正确的存在检查。您可能可以在一个循环中完成所有这些操作,但是转换数据会使以后的工作变得更简单。

另外,我不清楚您打算如何处理这些数据,所以我添加了一个示例。希望这能给你一个很好的起点来完成你的目标。

Live Demo

JS

var field_user_skill =  {
    und: {
        0: {
            field_skill: { 
                und: "JavaScript" 
            },
            field_user_skill_current_rating: {
                und: [{
                    value: "5"
                }]
            },
            field_user_skill_desired_rating: {
                und: [{
                    value: "9"
                }]
            },
            remove_button: "Remove",
            _weight: 0
        },
        1: {
            field_skill: {
                und: "Ruby"
            },
            field_user_skill_current_rating: {
                und: [{
                    value: "11"
                }]
            },
            field_user_skill_desired_rating: {
                und: [{
                    value: "10"
                }]
            },
            remove_button: "Remove",
            _weight: 1
        },
    }
};

function processSkills(userSkills){
    var data = [],
        skillNum = null; 

    for(skillNum in userSkills.und){
        data.push({
            'skill': userSkills.und[skillNum].field_skill.und,
            'currentRating': parseInt(userSkills.und[skillNum].field_user_skill_current_rating.und[0].value,10),
            'desiredRating': parseInt(userSkills.und[skillNum].field_user_skill_desired_rating.und[0].value,10),
        });
    }
    return data; 
}

function doYourComparison(data){

    var i = 0, 
        count = data.length;

    for(; i < count; i++){
        if(data[i].currentRating < data[i].desiredRating){
            alert('needs improvement'); 
        }else{
            alert('doint great'); 
        }
    }

}

var data = processSkills(field_user_skill);
doYourComparison(data); 

结果

[
  {
    "skill": "JavaScript",
    "currentRating": 5,
    "desiredRating": 9
  },
  {
    "skill": "Ruby",
    "currentRating": 11,
    "desiredRating": 10
  }
]

【讨论】:

  • 我有点含糊,但你的假设很接近,让我找到了我需要的地方!感谢您的帮助!现在只需在我的 AngularJS 视图模板中对其进行排序...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-01-24
  • 2021-10-17
  • 1970-01-01
  • 1970-01-01
  • 2012-01-13
  • 2017-09-20
  • 1970-01-01
相关资源
最近更新 更多