【问题标题】:How To List JSON objects due to similar arrays?由于相似的数组,如何列出 JSON 对象?
【发布时间】:2016-10-25 23:52:41
【问题描述】:

goal 所以我和我的搭档对如何显示或列出数组中具有相同/相似值的其他名称有点困惑....

我们还想尝试随机化正在“比较”的数组 有没有办法做到这一点?

这是我目前的代码:

html代码:

<body>
<div id="message"></div>
<div id="message2"></div>
<div id="related"></div>
</body>

jquery:

$(document).ready(function(){

// Get JSON file
$.ajax({
    type: 'GET',
    url: 'scripts/data.json',
    success: function(data) {

        alert("hello");
        $.each(data, function(i, objects){
            $("#message").append(objects.name );
            $("#message2").append(objects.thingYouWantToDo);
        });
    },

});
 for(var i = 0; i < objects.length; i++)
{
if(objects[i].objects.thingYouWantToDo == 'Skydive')
{
 $("related").append(objects[i].objects.name);
  }
 }
});

json 文件:

[
{  
    "name": "Jim",
    "iveNeverSinceIGotHere": "Went to a club",
    "oneCoolPlaceIWantedCheckOut": "Cobo hall",
    "favoritePets": "Dogs",
    "favoriteColor": "Blue",
    "age": 22,
    "foreignWhereDidYouComeFrom": "I was born here",
    "school": "College for Creative Studies",
    "socialLinkFrom": "Instagram",
    "shareASocialLink": "nahxiii",
    "willingToMeetNewPeopleStrangers": "Yes"
    "thingYouWantToDo": "Skydive"
},
{
    "name": "Tommy ",
    "oneCoolPlaceIWantedCheckOut": "Maldives",
    "age": 24,
    "foreignWhereDidYouComeFrom": "China ",
    "school": "Wayne State University",
    "socialLinkFrom": "Wechat ",
    "shareASocialLink": "pillsi",
    "willingToMeetNewPeopleStrangers": "Yes",
    "thingYouWantToDo": "Skydive"
}
]

现在我想在“thingYouWantToDo”中列出所有具有“跳伞”的对象 4

有什么建议/方法/或插件可以使用吗? 谢谢?

【问题讨论】:

  • 先尝试自己编写一些代码是值得的。看看lodash - 这是一个包含许多不同方法的库,可以帮助您实现这一目标。

标签: jquery arrays json object


【解决方案1】:

使用underscore.js man,这里是链接:http://underscorejs.org/

查询:(使用_.filter(list, predicate, [context]) 或_.where(list, properties))

var skydiveObjects = _.filter(objects, function(obj) { 
  return obj.thingYouWantToDo == "skydive";
});

或

var skydiveObjects = _.where(objects, {thingYouWantToDo: "skydive"});

_.map(skydiveObjects, function(obj) {
   $("related").append(obj.name);
})

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-07-25
    • 2022-03-23
    • 1970-01-01
    • 1970-01-01
    • 2014-08-18
    • 2021-07-10
    • 1970-01-01
    • 2016-05-15
    相关资源
    最近更新 更多