Extract array from object with jQuery

Question

I have a JSON object and I need to extract a particular array of ids.

This is my jQuery code:

<script>
      jQuery(function() {
          jQuery.getJSON('/api/contents.json', function(data) {
             var lessonContent = data.t;
             console.log(lessonContent);
          });  
      });
</script>

And this is what the Chrome Console shows:

642 {sfwd-lessons: Array(36), sfwd-topic: Array(0), sfwd-quiz: Array(0)}sfwd-lessons: (36) [64601, 64582, 64605, 65065, 65833, 68754, 69691, 73694, 64591, 64693, 65120, 65298, 66005, 72771, 72707, 73416, 74536, 65710, 65712, 65714, 65716, 65718, 65720, 65722, 65724, 65726, 65728, 65730, 65732, 65734, 65736, 65738, 65740, 72028, 72030, 72584]sfwd-quiz: []sfwd-topic: []__proto__: Object

How can I access the sfwd-lessons array to get all the listed ids?

Thank you all.

What does `console.log(lessonContent["sfwd-lessons"])` give you? — freedomn-m, Feb 25 '21 at 16:52

score 0 · Accepted Answer · edited Feb 25 '21 at 16:53

0

You can use $.each loop and then iterate through data of lessonContent .

Demo Code :

var data = {
  "sfwd-lessons": [64601, 64582, 64605, 65065, 65833, 68754, 69691, 73694, 64591, 64693, 65120, 65298, 66005, 72771, 72707, 73416, 74536, 65710, 65712, 65714, 65716, 65718, 65720, 65722, 65724, 65726, 65728, 65730, 65732, 65734, 65736, 65738, 65740, 72028, 72030, 72584]
}

var lessonContent = data["sfwd-lessons"]
//loop through datas
$.each(lessonContent, function(i, val) {
  console.log(val)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

edited Feb 25 '21 at 16:53

freedomn-m

27,664
8
35
57

answered Feb 25 '21 at 16:38

Swati

28,069
4
21
41

1

`lessonContent.forEach((val)=> console.log(val));` will do. Why `jquery`? – naveen Feb 25 '21 at 17:09
because question is tag in jQuery. – Swati Feb 25 '21 at 17:12

Extract array from object with jQuery

1 Answers1