JavaScript Client Object Model functionality to get all the non hidden lists of current web and listing them

Question

We have requirement to get all the non hidden lists of current web using JavaScript Client Object Model(JSOM). I have tried the below code but failed to get the desired result.

function GetListDetails() {
    var ctx = new SP.ClientContext.get_current();
    var web = ctx.get_web();
    var user = web.get_currentUser();
    user.retrieve();
    var list = web.get_lists();
    ctx.load(web);
    ctx.executeQueryAsync(
        function () {
            tddetails.innerHTML = user.get_loginName();
        },
        function (data) {
            alert('failed to get list. Error:' + data.get_message());
        });

    return false;
}

Looking for any sort of help.

Answer 1

You should use SP.ListCollection.getEnumerator() method in order to enumerate lists, and SP.List.hidden property to check, whether the list is hidden or not.

The corresponding code will look something like this:

function GetHiddenLists() {
    var ctx = new SP.ClientContext.get_current();
    var web = ctx.get_web();
    var lists = web.get_lists();
    ctx.load(lists);
    ctx.executeQueryAsync(
        function () {
           var listEnumerator = lists.getEnumerator();
           var listInfo = '';

           while (listEnumerator.moveNext()) {
             var oList = listEnumerator.get_current();
             listInfo += 'Title: ' + oList.get_title() + ' Hidden: ' + oList.get_hidden().toString() + '\n';
           }
           alert(listInfo);
        },
        function (sender, args) {
            alert('failed to get list. Error:' + args.get_message());
        });

    return false;
}