获取 JSON 对象的某个值的索引答案

【问题标题】：Get the index of certain value of JSON Objects获取 JSON 对象的某个值的索引
【发布时间】：2018-01-22 00:37:39
【问题描述】：

我有要推送到数组的 json 数据。我需要获取某个ID值的索引值。我已经尝试过 IndexOf，但它似乎不起作用。

我附上了我的代码和数组的 sn-p。以及供您使用的 JSON 文件的链接。

我已添加注释以突出问题区域。我还发送了正在控制台记录的数组的屏幕截图以及我需要获取的值。

var posts;
var imgTitle;
var imgLink;
var url = 'http://www.capetownetc.com/api/get_category_posts/?slug=';
var counter = 1;
var postID;
var callFunction = true;
var articleContent;
var titleMaxLength = 28;
var articleArray = [];
var topicName = 'news';
var pageNumber;
var linkID;

//POST CARDS

function postCards(pageNumber, cardLimit, container, topic) {

    topicName = topic || 'news';
    pageNumber = pageNumber || 1;
    
    $.ajax({
        type: 'GET'
        , url: url + topicName + '&count=10&page=' + pageNumber
        , data: {
            get_param: 'value'
        }
        , dataType: 'jsonp'
        , success: function postPop(data) {
            $('.main-content').append('<div class="card-container card-container' + container + '"></div>');
            $.each(data.posts, function(i){
            
                posts = data.posts[i];
                imgTitle = data.posts[i].title;
                imgLink = data.posts[i].thumbnail_images.medium.url;
                imgTitle = imgTitle.substr(0, titleMaxLength);
                postID =  data.posts[i].id;
                
                $('.card-container' + container).append('<a href="' + postID + '" class="article-link" onclick="postArticle(' + i + ',' + pageNumber +')"><div class="card card1"><img src="' + imgLink + '" class="card-img"><span><h2 class="card-heading">' + imgTitle + '</h2></span></div></a>');
                
                $('#loading').css('opacity' , '0');
                
                callFunction = true;
                
                //JSON CONTENT TO ARRAY
                articleArray.push(posts);
                //**PROBLEM AREA - I need to get the ID position of the posts in this array, see    screenshot -
                if(window.location.hash) {
                
                    mainView.router.load({
                        content: newPageContent,
                        animatePages: true
                    });

                    articleContent = articleArray[i].content;

                    $('.article-container').html(articleContent);
                    console.log('hash');
                } 
                else {
                    
                }

            });
            console.log(articleArray);
        }
        
        }).done(function(){
            myApp.hidePreloader();
        });
        myApp.showPreloader();
}

postCards(counter, 10, counter);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
                            
                            <div class="main-content">

                            </div>

JSON Data File

【问题讨论】：

那么你想要你刚刚推入数组的项目的索引吗？那么检查该数组的长度属性...

标签： jquery html json ajax

【解决方案1】：

如果您想通过 ID 获取特定项目的索引，那么首先您必须通过 ID 获取项目对象，然后您可以使用 indexOf 获取该特定项目的索引。

var item = yourArray.find(function (e) {
                        if (e.id == "your Id") {
                            return e;
                        }
                    });

var index = yourArray.indexOf(item);

【讨论】：