title
What is JSON? | JSON Tutorial For Beginners | JSON vs XML | JSON Explained with Examples | Edureka

description
🔥 Full Stack Developer Training: https://www.edureka.co/masters-program/full-stack-developer-training This Edureka video on 'What is JSON' will provide in-depth knowledge about the data interchange operator. It will help you understand the basics and fundamentals of JSON and why it is preferred over XML. This JSON tutorial covers the following topics: 1:21 What Is JSON? 2:59 Why do we use JSON? 4:57 JSON vs XML 6:41 Syntax Rules 9:31 JSON Fundamentals 17:50 Convert JSON text to JS Object Subscribe to our Edureka YouTube channel and hit the bell icon to get video updates: https://goo.gl/6ohpTV ---------------- JavaScript Certification Training ----------------- 🔵 Edureka Angular Training: http://bit.ly/38mi3sw 🔵 Edureka ReactJS Training: http://bit.ly/2DVP6Wz 🔵 Edureka NodeJS Training: http://bit.ly/35ehwXX 🔵 Edureka Web Development Training: https://bit.ly/3zCqNr3 🔵 Edureka Full Stack Training: http://bit.ly/2YveVpL 🔵 Edureka Python Django Training: http://bit.ly/2RAk6Do #Edureka #JSONEdureka #WhatisJSON #JSON #JavaScript #JavaScriptTutorial -------------------------------------------------------------------------------------------------------- Instagram: https://www.instagram.com/edureka_learning/ Facebook: https://www.facebook.com/edurekaIN/ Twitter: https://twitter.com/edurekain LinkedIn: https://www.linkedin.com/company/edureka ------------------------------------------------------------------------------------------------------- About The Course: Full Stack Web Development Masters Program makes you proficient in skills to work with back-end and front-end web technologies. It includes training on: 1. Web Development, 2. jQuery, Angular, 3. NodeJS, 4. ExpressJS, and 5. MongoDB. The curriculum has been determined by extensive research on 5000+ job descriptions across the globe. ------------------------------------------------------------------------------------------------------- How It Works? 1. This is a 21 Week Instructor-led Online Course, 125 hours of assignment and 125 hours of project work 2. We have a 24x7 One-on-One LIVE Technical Support to help you with any problems you might face or any clarifications you may require during the course. 3. At the end of each course, there will be a project, post completion of that project you will be given a certificate ---------------------------------------------------------------------------------------------------------- Got a question on the topic? Please share it in the comment section below and our experts will answer it for you. For more information, please write back to us at sales@edureka.in or call us at IND: 9606058406 / US: 18338555775 (toll free).

detail
{'title': 'What is JSON? | JSON Tutorial For Beginners | JSON vs XML | JSON Explained with Examples | Edureka', 'heatmap': [{'end': 135.956, 'start': 100.305, 'weight': 0.889}], 'summary': 'Tutorial covers the rise of javascript, json basics, syntax, and fundamentals, including accessing and manipulating object properties, accessing array values, and converting json to javascript text.', 'chapters': [{'end': 405.44, 'segs': [{'end': 135.956, 'src': 'heatmap', 'start': 100.305, 'weight': 0.889, 'content': [{'end': 106.627, 'text': 'Now, what is this actually so Jason basically stands for JavaScript object notation.', 'start': 100.305, 'duration': 6.322}, {'end': 112.189, 'text': 'Now, it is basically a lightweight format for storing and transporting data.', 'start': 107.087, 'duration': 5.102}, {'end': 117.351, 'text': 'So it is used when data is sent from a server to any particular webpage.', 'start': 112.569, 'duration': 4.782}, {'end': 124.43, 'text': 'So what happens here is you can extract your data in the form of text with the help of Jason.', 'start': 118.166, 'duration': 6.264}, {'end': 126.11, 'text': 'So in JavaScript,', 'start': 124.89, 'duration': 1.22}, {'end': 135.956, 'text': "suppose you're writing any particular code and you are connecting with your web page and there is a communication taking place between the client and the server,", 'start': 126.11, 'duration': 9.846}], 'summary': 'Json is a lightweight data format for communication between client and server in javascript.', 'duration': 35.651, 'max_score': 100.305, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0100305.jpg'}, {'end': 226.878, 'src': 'embed', 'start': 200.667, 'weight': 1, 'content': [{'end': 209.578, 'text': "Now the first thing that comes to mind when you mention Jason to developers is that it's lightweight compared to other open data interchange options.", 'start': 200.667, 'duration': 8.911}, {'end': 216.287, 'text': "However, that's definitely not the only reason you should use it for your next API integrations.", 'start': 210.199, 'duration': 6.088}, {'end': 221.172, 'text': 'Jason provides a lot more advantages such as it is less verbose.', 'start': 217.148, 'duration': 4.024}, {'end': 226.878, 'text': 'That is Jason has a more compact style than XML and it is often more readable.', 'start': 221.593, 'duration': 5.285}], 'summary': 'Json is lightweight, less verbose, and more readable than xml for api integrations.', 'duration': 26.211, 'max_score': 200.667, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0200667.jpg'}, {'end': 305.939, 'src': 'embed', 'start': 254.521, 'weight': 0, 'content': [{'end': 260.906, 'text': 'So Jason uses less data overall that reduces the cost and also increases the parsing speed.', 'start': 254.521, 'duration': 6.385}, {'end': 263.709, 'text': 'Also Jason is very readable.', 'start': 261.586, 'duration': 2.123}, {'end': 267.874, 'text': 'So what happens is the structure is very straightforward and readable.', 'start': 263.989, 'duration': 3.885}, {'end': 277.545, 'text': "So you have an easier time mapping to domain objects no matter what programming language you're working with and finally it has a structured data.", 'start': 268.214, 'duration': 9.331}, {'end': 284.443, 'text': 'So what happens is Jason uses a map data structure rather than the XML tree structure.', 'start': 278.078, 'duration': 6.365}, {'end': 293.889, 'text': 'now, in some situations, key or value pairs can limit what you can do, but you get a predictable and easy to understand data model.', 'start': 284.443, 'duration': 9.446}, {'end': 297.892, 'text': 'So now that you have seen the different advantages of Jason.', 'start': 294.79, 'duration': 3.102}, {'end': 302.095, 'text': "Let's move ahead and see the comparison between Jason and XML.", 'start': 298.012, 'duration': 4.083}, {'end': 305.939, 'text': 'Now both of these are used for the same purposes.', 'start': 302.916, 'duration': 3.023}], 'summary': 'Jason reduces data usage, increases parsing speed, and offers straightforward, readable, and structured data compared to xml.', 'duration': 51.418, 'max_score': 254.521, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0254521.jpg'}, {'end': 357.569, 'src': 'embed', 'start': 330.302, 'weight': 2, 'content': [{'end': 337.546, 'text': 'Now we have already seen different advantages that Jason has now talking about why Jason is better than XML.', 'start': 330.302, 'duration': 7.244}, {'end': 341.649, 'text': 'So XML is much more difficult to pass than Jason.', 'start': 337.947, 'duration': 3.702}, {'end': 349.966, 'text': 'So what happens is Jason is passed into a ready-to-use JavaScript object, which makes it way easier and simpler.', 'start': 342.242, 'duration': 7.724}, {'end': 357.569, 'text': 'now, for example, for any Ajax applications, Jason is any day faster and easier when compared to XML.', 'start': 349.966, 'duration': 7.603}], 'summary': 'Json is easier to parse than xml, making it faster and simpler for ajax applications.', 'duration': 27.267, 'max_score': 330.302, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0330302.jpg'}], 'start': 11.383, 'title': 'Rise of javascript and json basics', 'summary': 'Covers the rise of javascript, introduces json as javascript object notation, and discusses its advantages over xml, including being lightweight, fast, readable, and structured.', 'chapters': [{'end': 405.44, 'start': 11.383, 'title': 'Rise of javascript: json basics & advantages', 'summary': 'Covers the rise of javascript and its importance, introduces json as javascript object notation, discusses its usage and advantages over xml, including being lightweight, fast, readable, and structured.', 'duration': 394.057, 'highlights': ['JSON is a lightweight format for storing and transporting data. JSON is used for storing and transporting data from a server to a webpage, providing a lightweight format for data exchange.', "JSON is less verbose and more readable than XML, making it suitable for RESTful APIs and complex systems. JSON's less verbose and more readable style compared to XML is advantageous for RESTful APIs and complex systems, contributing to improved performance.", "JSON uses less data overall, reducing costs and increasing parsing speed compared to XML. JSON's efficient data usage reduces costs and increases parsing speed, particularly beneficial when working with large XML files.", "JSON provides a structured and straightforward data model using a map data structure. JSON's use of a map data structure provides a structured and straightforward data model, enhancing data mapping across different programming languages.", "JSON is easier and faster to parse and work with, making it preferable to XML, especially for AJAX applications. JSON's ease of parsing and faster processing, particularly for AJAX applications, makes it a preferred choice over XML, simplifying data extraction and manipulation."]}], 'duration': 394.057, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r011383.jpg', 'highlights': ['JSON provides a structured and straightforward data model using a map data structure.', 'JSON is less verbose and more readable than XML, making it suitable for RESTful APIs and complex systems.', 'JSON is easier and faster to parse and work with, making it preferable to XML, especially for AJAX applications.', 'JSON is a lightweight format for storing and transporting data.', 'JSON uses less data overall, reducing costs and increasing parsing speed compared to XML.']}, {'end': 689.052, 'segs': [{'end': 429.356, 'src': 'embed', 'start': 405.44, 'weight': 0, 'content': [{'end': 413.565, 'text': "now, the Jason syntax basically is a subset of the JavaScript syntax and it's very similar when it comes to writing the code in Jason.", 'start': 405.44, 'duration': 8.125}, {'end': 415.466, 'text': "It's very similar to JavaScript.", 'start': 413.685, 'duration': 1.781}, {'end': 418.357, 'text': 'Now there are certain rules that you need to follow.', 'start': 416.033, 'duration': 2.324}, {'end': 423.726, 'text': 'So basically the JSON syntax is derived from JavaScript object notation syntax.', 'start': 418.818, 'duration': 4.908}, {'end': 429.356, 'text': 'So you got to follow certain rules while writing the syntax or writing any code in Jason.', 'start': 424.347, 'duration': 5.009}], 'summary': 'Json syntax is a subset of javascript, similar and derived from its syntax, with specific rules to follow.', 'duration': 23.916, 'max_score': 405.44, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0405440.jpg'}, {'end': 479.414, 'src': 'embed', 'start': 453.708, 'weight': 1, 'content': [{'end': 458.832, 'text': 'So in Jason we declare the keys also as strings written within the double quotes.', 'start': 453.708, 'duration': 5.124}, {'end': 464.54, 'text': 'So what happens here is that the name keys is also put inside double quotes.', 'start': 459.492, 'duration': 5.048}, {'end': 468.625, 'text': 'So this is exactly how you define the object in Jason.', 'start': 465.241, 'duration': 3.384}, {'end': 472.211, 'text': 'So now while doing this you need to follow certain rules.', 'start': 469.206, 'duration': 3.005}, {'end': 479.414, 'text': 'So the first thing that you should keep in mind is that data should always be in name or value pairs.', 'start': 473.251, 'duration': 6.163}], 'summary': 'In json, keys are declared as strings within double quotes, following certain rules, such as data being in name or value pairs.', 'duration': 25.706, 'max_score': 453.708, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0453708.jpg'}, {'end': 583.648, 'src': 'embed', 'start': 551.106, 'weight': 2, 'content': [{'end': 557.85, 'text': 'and if you have to put the value or any array inside your object, all you need to do is enclose it with square brackets.', 'start': 551.106, 'duration': 6.744}, {'end': 562.752, 'text': 'So we will see how we use the square brackets to hold arrays in our upcoming examples.', 'start': 558.21, 'duration': 4.542}, {'end': 569.736, 'text': 'So these were some of the syntax rules that you must follow while writing a code or while working on with Jason.', 'start': 563.453, 'duration': 6.283}, {'end': 574.058, 'text': "Now, let's move ahead and have a look at some of the fundamentals involved here.", 'start': 570.196, 'duration': 3.862}, {'end': 583.648, 'text': 'Now because Jason syntax is derived from JavaScript object notation very little extra software is needed to work with Jason within JavaScript.', 'start': 574.893, 'duration': 8.755}], 'summary': 'Jason syntax rules: use square brackets for arrays, derived from javascript object notation.', 'duration': 32.542, 'max_score': 551.106, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0551106.jpg'}, {'end': 614.392, 'src': 'embed', 'start': 589.965, 'weight': 3, 'content': [{'end': 596.667, 'text': "So now let's create an object in our JavaScript file and see how we can add properties and then add strings here.", 'start': 589.965, 'duration': 6.702}, {'end': 603.948, 'text': "So first I have to write the keyword let then I've added the name as person and equal to inside curly braces.", 'start': 597.067, 'duration': 6.881}, {'end': 610.87, 'text': "I'm adding the property as name colon, then I'm adding the name as Mary inside the double quotes,", 'start': 604.048, 'duration': 6.822}, {'end': 614.392, 'text': "because it's a string and then I need to add more data.", 'start': 610.87, 'duration': 3.522}], 'summary': "Creating an object in javascript with a property 'name' set to 'mary'.", 'duration': 24.427, 'max_score': 589.965, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0589965.jpg'}], 'start': 405.44, 'title': 'Json syntax and fundamentals', 'summary': 'Explains json syntax, highlighting the use of curly braces and square brackets to define objects and arrays. it emphasizes the rule that keys must be strings within double quotes when defining objects in json.', 'chapters': [{'end': 479.414, 'start': 405.44, 'title': 'Json syntax and rules', 'summary': 'Explains the similarities and differences between javascript and json syntax, emphasizing the rule that keys must be strings within double quotes when defining objects in json.', 'duration': 73.974, 'highlights': ['The JSON syntax is derived from JavaScript object notation syntax, with certain rules to follow while writing the code in JSON.', "In JSON, keys must be declared as strings written within double quotes, unlike in JavaScript where it's not necessary.", 'The first thing to keep in mind is that data in JSON should always be in name or value pairs.']}, {'end': 689.052, 'start': 479.814, 'title': 'Json syntax and fundamentals', 'summary': 'Introduces json syntax, emphasizing the use of curly braces and square brackets to define objects and arrays, and demonstrates creating and accessing properties in a javascript object.', 'duration': 209.238, 'highlights': ['JSON syntax involves the use of curly braces to define objects and square brackets to hold arrays. Emphasizes the use of curly braces and square brackets to define objects and arrays in JSON.', "Demonstrates creating and accessing properties in a JavaScript object using the 'console.log' method. Shows how to create a JavaScript object with properties like name, age, and city, and access these properties using 'console.log'.", "Explains the process of defining properties for an object using the 'let' keyword and separating properties with commas. Describes the process of defining properties for an object using the 'let' keyword and separating properties with commas, with an example demonstrating the definition of name, age, and city."]}], 'duration': 283.612, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0405440.jpg', 'highlights': ['The JSON syntax is derived from JavaScript object notation syntax, with certain rules to follow while writing the code in JSON.', "In JSON, keys must be declared as strings written within double quotes, unlike in JavaScript where it's not necessary.", 'JSON syntax involves the use of curly braces to define objects and square brackets to hold arrays. Emphasizes the use of curly braces and square brackets to define objects and arrays in JSON.', "Explains the process of defining properties for an object using the 'let' keyword and separating properties with commas, with an example demonstrating the definition of name, age, and city."]}, {'end': 920.659, 'segs': [{'end': 754.874, 'src': 'embed', 'start': 689.392, 'weight': 0, 'content': [{'end': 691.393, 'text': 'Now, I want to go to the console from here.', 'start': 689.392, 'duration': 2.001}, {'end': 698.596, 'text': "So I'll just right click and select inspect and here I will go to the console now inside the console.", 'start': 691.593, 'duration': 7.003}, {'end': 705.899, 'text': 'You can see that the name shows as Mary because for the output I have only given the property as person dot name.', 'start': 698.636, 'duration': 7.263}, {'end': 711.481, 'text': "So it will just show me the name of my object because that's the only attribute that I've selected.", 'start': 706.219, 'duration': 5.262}, {'end': 720.789, 'text': "Now if I want to see the entire one what I'll do is I'll just console person completely now once I save this and go back and now refresh my webpage.", 'start': 711.881, 'duration': 8.908}, {'end': 724.492, 'text': 'So now you can see that you get to see all the properties here.', 'start': 721.169, 'duration': 3.323}, {'end': 727.695, 'text': 'So you get to see name age and city as well.', 'start': 724.772, 'duration': 2.923}, {'end': 734.566, 'text': 'Now there are also different other ways through which you can access the attribute or the property here.', 'start': 728.323, 'duration': 6.243}, {'end': 736.566, 'text': 'So suppose I want to get the name.', 'start': 734.966, 'duration': 1.6}, {'end': 740.668, 'text': 'I can also put it in the square brackets that is take it as an array here.', 'start': 736.686, 'duration': 3.982}, {'end': 745.69, 'text': "So what I'll do is person square brackets and then add inside double quotes name.", 'start': 740.728, 'duration': 4.962}, {'end': 754.874, 'text': 'Now once I save it and go back to my web page and refresh this you can see that it still shows me the same output where I get the name as Mary.', 'start': 746.13, 'duration': 8.744}], 'summary': 'Accessing and displaying object properties in console, including name, age, and city, through various methods.', 'duration': 65.482, 'max_score': 689.392, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0689392.jpg'}, {'end': 870.449, 'src': 'embed', 'start': 798.682, 'weight': 3, 'content': [{'end': 805.384, 'text': 'while getting the output, I have changed or modified the name from Mary to John using this dot notation.', 'start': 798.682, 'duration': 6.702}, {'end': 811.527, 'text': "So I've just written person dot name equals to and I've given the other name that I wanted to see in the output.", 'start': 805.685, 'duration': 5.842}, {'end': 819.943, 'text': 'Now moving on the same way JavaScript objects can be used as Jason JavaScript arrays can also be used as Jason.', 'start': 812.319, 'duration': 7.624}, {'end': 824.386, 'text': 'So now we will see how we can use the arrays as Jason objects.', 'start': 820.824, 'duration': 3.562}, {'end': 828.068, 'text': 'So areas can be values of an object property.', 'start': 825.006, 'duration': 3.062}, {'end': 836.079, 'text': 'Now what happens is in Jason, array values must be of type string number, object array, boolean or null.', 'start': 828.797, 'duration': 7.282}, {'end': 842.78, 'text': 'now, in JavaScript, array values can be all of these, that is, string number, object array, boolean or null,', 'start': 836.079, 'duration': 6.701}, {'end': 849.362, 'text': 'plus any other valid JavaScript expression, including functions, dates and undefined.', 'start': 842.78, 'duration': 6.582}, {'end': 853.563, 'text': 'otherwise, Jason and JavaScript arrays are almost similar to each other.', 'start': 849.362, 'duration': 4.201}, {'end': 859.318, 'text': "So now let's see how the arrays can be values of the object property as well.", 'start': 855.074, 'duration': 4.244}, {'end': 862.141, 'text': 'So here we have these object properties.', 'start': 860.059, 'duration': 2.082}, {'end': 870.449, 'text': 'So for example inside the property City, I want to create an array now arrays are always put inside square brackets.', 'start': 862.301, 'duration': 8.148}], 'summary': 'Javascript arrays can be used as json objects with values of type string, number, object, array, boolean, or null, and other valid javascript expressions, including functions, dates, and undefined.', 'duration': 71.767, 'max_score': 798.682, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0798682.jpg'}], 'start': 689.392, 'title': 'Accessing and manipulating object properties in javascript', 'summary': 'Covers accessing and displaying object properties using the console, including specific attributes and all properties, with an example output. it also explains modifying object properties using dot notation and using javascript arrays as json objects, emphasizing their similarity and use as object property values.', 'chapters': [{'end': 754.874, 'start': 689.392, 'title': 'Using console to access and display object properties', 'summary': "Demonstrates how to access and display object properties using the console, including accessing specific attributes and displaying all properties, with an example showing the output of the 'name' attribute as 'mary'.", 'duration': 65.482, 'highlights': ["The console allows for accessing and displaying specific object attributes, as seen with the output of 'name' as 'Mary' using the property 'person.name'.", "By using 'console.log(person)' and refreshing the webpage, all properties of the object, including 'name', 'age', and 'city', can be viewed.", 'Additionally, accessing a specific attribute like \'name\' can be done by using square brackets and double quotes, as demonstrated with the output of \'name\' as \'Mary\' using \'person["name"]\'.']}, {'end': 920.659, 'start': 755.78, 'title': 'Manipulating objects and arrays in javascript', 'summary': 'Explains how to modify object properties in javascript using dot notation and how javascript arrays can be used as json objects, with an emphasis on the similarity between json and javascript arrays and their use as values for object properties.', 'duration': 164.879, 'highlights': ['JavaScript arrays can be used as JSON objects JavaScript arrays can be used as JSON objects, allowing for the storage of various data types and expressions, including string, number, object, array, boolean, null, functions, dates, and undefined.', "Modifying object properties using dot notation Demonstrates how to modify object properties in JavaScript using dot notation, allowing for the easy manipulation of property values, such as changing the name 'Mary' to 'John' in a console log output.", 'Creating arrays as values for object properties Explains the process of creating arrays as values for object properties in JavaScript, illustrated by the creation of an array of cities within an object property and the subsequent retrieval of the array using console.log.']}], 'duration': 231.267, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0689392.jpg', 'highlights': ["The console allows for accessing and displaying specific object attributes, as seen with the output of 'name' as 'Mary' using the property 'person.name'.", "By using 'console.log(person)' and refreshing the webpage, all properties of the object, including 'name', 'age', and 'city', can be viewed.", 'Additionally, accessing a specific attribute like \'name\' can be done by using square brackets and double quotes, as demonstrated with the output of \'name\' as \'Mary\' using \'person["name"]\'.', 'JavaScript arrays can be used as JSON objects, allowing for the storage of various data types and expressions, including string, number, object, array, boolean, null, functions, dates, and undefined.', "Modifying object properties using dot notation demonstrates how to modify object properties in JavaScript using dot notation, allowing for the easy manipulation of property values, such as changing the name 'Mary' to 'John' in a console log output.", 'Creating arrays as values for object properties explains the process of creating arrays as values for object properties in JavaScript, illustrated by the creation of an array of cities within an object property and the subsequent retrieval of the array using console.log.']}, {'end': 997.474, 'segs': [{'end': 948.082, 'src': 'embed', 'start': 921.159, 'weight': 2, 'content': [{'end': 928.302, 'text': 'So now, when I save it and go back to my web browser, you can see that it provides me the array as Bangalore, Delhi, Kolkata,', 'start': 921.159, 'duration': 7.143}, {'end': 933.784, 'text': 'and also it provides me with the number of values that are present inside this particular array.', 'start': 928.302, 'duration': 5.482}, {'end': 936.765, 'text': 'So it shows three because there are three values here.', 'start': 934.184, 'duration': 2.581}, {'end': 938.647, 'text': 'So, in console.log,', 'start': 937.305, 'duration': 1.342}, {'end': 948.082, 'text': 'all you need to do is just add person.city and you will get the values of all the arrays that you have created inside that particular object or property itself.', 'start': 938.647, 'duration': 9.435}], 'summary': 'Web browser displays array of cities (bangalore, delhi, kolkata) and the number of values (3) present inside it.', 'duration': 26.923, 'max_score': 921.159, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0921159.jpg'}, {'end': 986.725, 'src': 'embed', 'start': 961.65, 'weight': 0, 'content': [{'end': 968.015, 'text': 'So here Bangalore value is 0, the index value for Delhi is 1 and the index value for Kolkata is 2.', 'start': 961.65, 'duration': 6.365}, {'end': 975.201, 'text': 'so you can also access or get the output for any particular city name with the help of their index number.', 'start': 968.015, 'duration': 7.186}, {'end': 981.12, 'text': 'So for that, all you need to do is when you are giving the console dot log where you have written person dot City.', 'start': 976.016, 'duration': 5.104}, {'end': 986.725, 'text': 'you can just add the index number, for example person dot City inside square brackets.', 'start': 981.12, 'duration': 5.605}], 'summary': 'In this transcript, bangalore has an index value of 0, delhi has an index value of 1, and kolkata has an index value of 2. this allows for accessing specific city names using their index numbers.', 'duration': 25.075, 'max_score': 961.65, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0961650.jpg'}], 'start': 921.159, 'title': 'Accessing array values in javascript', 'summary': 'Demonstrates how to access and display array values in javascript objects, using index numbers and console.log, and displays the total number of elements in the array.', 'chapters': [{'end': 997.474, 'start': 921.159, 'title': 'Accessing array values in javascript', 'summary': 'Demonstrates how to access and display array values in javascript objects, with examples showing the use of index numbers and console.log to retrieve specific values and display the total number of elements in the array.', 'duration': 76.315, 'highlights': ['The console.log function is used to display the array values and the number of elements present in the array, providing insights into the functionality of the array. (e.g. Bangalore, Delhi, Kolkata and the total number of values: 3)', 'Demonstrates accessing specific array values using index numbers, with examples showing how to retrieve the value at a particular index, highlighting the practical application of indexing in JavaScript arrays. (e.g. Bangalore: 0, Delhi: 1, Kolkata: 2)', "Illustrates the use of console.log and index numbers to access and display specific array values, showcasing the direct application of this method to retrieve and display array elements. (e.g. Accessing the value at index 1, resulting in the output 'Delhi')"]}], 'duration': 76.315, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0921159.jpg', 'highlights': ['Demonstrates accessing specific array values using index numbers, with examples showing how to retrieve the value at a particular index, highlighting the practical application of indexing in JavaScript arrays. (e.g. Bangalore: 0, Delhi: 1, Kolkata: 2)', "Illustrates the use of console.log and index numbers to access and display specific array values, showcasing the direct application of this method to retrieve and display array elements. (e.g. Accessing the value at index 1, resulting in the output 'Delhi')", 'The console.log function is used to display the array values and the number of elements present in the array, providing insights into the functionality of the array. (e.g. Bangalore, Delhi, Kolkata and the total number of values: 3)']}, {'end': 1271.939, 'segs': [{'end': 1039.609, 'src': 'embed', 'start': 998.197, 'weight': 3, 'content': [{'end': 1006.261, 'text': 'So there are different other methods through which you can access the values that are stored inside your array and also you can get them as your output.', 'start': 998.197, 'duration': 8.064}, {'end': 1013.984, 'text': 'and not just that, you can also access array values by using the loops inside your array, that is, you can use the for loop as well.', 'start': 1006.261, 'duration': 7.723}, {'end': 1019.459, 'text': 'So these are some of the basic things that you need to know or keep in mind while working with Jason.', 'start': 1014.614, 'duration': 4.845}, {'end': 1026.905, 'text': 'So, you know that the different data types that you can use here are string number boolean null undefined Etc.', 'start': 1019.519, 'duration': 7.386}, {'end': 1031.289, 'text': 'Now you have seen that, how you can declare the array and also the objects,', 'start': 1027.526, 'duration': 3.763}, {'end': 1036.054, 'text': 'and also you have seen how it is very similar to how you write something in JavaScript.', 'start': 1031.289, 'duration': 4.765}, {'end': 1039.609, 'text': 'So there are very minimal differences between the two.', 'start': 1036.666, 'duration': 2.943}], 'summary': 'Access array values using loops and understand data types in jason.', 'duration': 41.412, 'max_score': 998.197, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0998197.jpg'}, {'end': 1094.899, 'src': 'embed', 'start': 1064.153, 'weight': 1, 'content': [{'end': 1071.199, 'text': 'So now we need to see that how we can actually convert the JSON object into a JavaScript text.', 'start': 1064.153, 'duration': 7.046}, {'end': 1075.203, 'text': "So let's move on and look at an example and see how you can do this.", 'start': 1071.6, 'duration': 3.603}, {'end': 1080.636, 'text': "Now there's a very simple method where all you need to use is the Jason dot parse.", 'start': 1076.135, 'duration': 4.501}, {'end': 1083.597, 'text': "Now, we'll see how this Jason dot parse works.", 'start': 1080.976, 'duration': 2.621}, {'end': 1086.617, 'text': 'So first we just have to create another object.', 'start': 1084.017, 'duration': 2.6}, {'end': 1094.899, 'text': "So suppose I'm using the keyword let and then creating the object as object 1 equals to now inside the curly braces.", 'start': 1086.737, 'duration': 8.162}], 'summary': 'Learn to convert json to javascript text using jason dot parse method.', 'duration': 30.746, 'max_score': 1064.153, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r01064153.jpg'}, {'end': 1229.475, 'src': 'embed', 'start': 1178.542, 'weight': 0, 'content': [{'end': 1181.804, 'text': 'So you can see that the output is how you get it in JavaScript.', 'start': 1178.542, 'duration': 3.262}, {'end': 1183.986, 'text': 'That is you get the value as text.', 'start': 1181.824, 'duration': 2.162}, {'end': 1192.471, 'text': 'So you can see that I had given the name as a string while writing the Jason code, but here you get it as a key value.', 'start': 1184.386, 'duration': 8.085}, {'end': 1197.554, 'text': 'So I have name as Mary ages 23 and the ID value as hundred.', 'start': 1192.551, 'duration': 5.003}, {'end': 1202.658, 'text': 'So this is exactly how the string values have been converted into a text.', 'start': 1197.955, 'duration': 4.703}, {'end': 1205.358, 'text': 'So, with the help of Jason dot parse,', 'start': 1203.456, 'duration': 1.902}, {'end': 1213.747, 'text': 'what we have done is we have taken the entire string value or the object along with their properties and converted them in the form of a text.', 'start': 1205.358, 'duration': 8.389}, {'end': 1220.67, 'text': 'So this makes it easier for the client to understand what is actually happening or what the real data is.', 'start': 1214.787, 'duration': 5.883}, {'end': 1229.475, 'text': 'So, in case you just want the data in the text format, you can use Jason in JavaScript and get the data in the form of a text only now.', 'start': 1221.091, 'duration': 8.384}], 'summary': 'Using json in javascript converts string values into text, making it easier for clients to understand and access data.', 'duration': 50.933, 'max_score': 1178.542, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r01178542.jpg'}], 'start': 998.197, 'title': 'Array access and json to javascript text conversion', 'summary': 'Delves into accessing array values in jason, comparing it to javascript, and demonstrates converting a json object to javascript text using jason dot parse, emphasizing ease of obtaining data in text format.', 'chapters': [{'end': 1039.609, 'start': 998.197, 'title': 'Array access and data types in jason', 'summary': 'Discussed accessing array values using different methods, including loops, and highlighted the minimal differences between jason and javascript in terms of array declaration and object structure.', 'duration': 41.412, 'highlights': ['The chapter emphasized accessing array values through different methods, including loops, and highlighted minimal differences between Jason and JavaScript.', 'It was mentioned that the data types used in Jason include string, number, boolean, null, and undefined.', 'The transcript mentioned the ability to access array values using loops, particularly the for loop.']}, {'end': 1271.939, 'start': 1039.829, 'title': 'Converting json to javascript text', 'summary': 'Explains how to convert a json object to javascript text using jason dot parse, demonstrating the process through an example, and highlighting the ease for clients to obtain data in text format.', 'duration': 232.11, 'highlights': ['The process of converting a JSON object into a JavaScript text is demonstrated using the Jason dot parse method, simplifying the task for clients to obtain data in text format.', 'The example showcases the conversion of a JSON object with properties such as name, age, and ID into JavaScript text, providing a clear understanding of how string values are converted into text.', 'The explanation emphasizes the use of JSON in JavaScript to facilitate the retrieval of data exclusively in text format, enhancing client comprehension and communication between web pages and servers.']}], 'duration': 273.742, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uw_rP5bV9r0/pics/uw_rP5bV9r0998197.jpg', 'highlights': ['The explanation emphasizes the use of JSON in JavaScript to facilitate the retrieval of data exclusively in text format, enhancing client comprehension and communication between web pages and servers.', 'The process of converting a JSON object into a JavaScript text is demonstrated using the Jason dot parse method, simplifying the task for clients to obtain data in text format.', 'The example showcases the conversion of a JSON object with properties such as name, age, and ID into JavaScript text, providing a clear understanding of how string values are converted into text.', 'The chapter emphasized accessing array values through different methods, including loops, and highlighted minimal differences between Jason and JavaScript.', 'It was mentioned that the data types used in Jason include string, number, boolean, null, and undefined.', 'The transcript mentioned the ability to access array values using loops, particularly the for loop.']}], 'highlights': ['JSON provides a structured and straightforward data model using a map data structure.', 'JSON is less verbose and more readable than XML, making it suitable for RESTful APIs and complex systems.', 'JSON is easier and faster to parse and work with, making it preferable to XML, especially for AJAX applications.', 'JSON is a lightweight format for storing and transporting data.', 'JSON uses less data overall, reducing costs and increasing parsing speed compared to XML.', 'The JSON syntax is derived from JavaScript object notation syntax, with certain rules to follow while writing the code in JSON.', "In JSON, keys must be declared as strings written within double quotes, unlike in JavaScript where it's not necessary.", 'JSON syntax involves the use of curly braces to define objects and square brackets to hold arrays. Emphasizes the use of curly braces and square brackets to define objects and arrays in JSON.', "Explains the process of defining properties for an object using the 'let' keyword and separating properties with commas, with an example demonstrating the definition of name, age, and city.", "The console allows for accessing and displaying specific object attributes, as seen with the output of 'name' as 'Mary' using the property 'person.name'.", "By using 'console.log(person)' and refreshing the webpage, all properties of the object, including 'name', 'age', and 'city', can be viewed.", 'Additionally, accessing a specific attribute like \'name\' can be done by using square brackets and double quotes, as demonstrated with the output of \'name\' as \'Mary\' using \'person["name"]\'.', 'JavaScript arrays can be used as JSON objects, allowing for the storage of various data types and expressions, including string, number, object, array, boolean, null, functions, dates, and undefined.', "Modifying object properties using dot notation demonstrates how to modify object properties in JavaScript using dot notation, allowing for the easy manipulation of property values, such as changing the name 'Mary' to 'John' in a console log output.", 'Creating arrays as values for object properties explains the process of creating arrays as values for object properties in JavaScript, illustrated by the creation of an array of cities within an object property and the subsequent retrieval of the array using console.log.', 'Demonstrates accessing specific array values using index numbers, with examples showing how to retrieve the value at a particular index, highlighting the practical application of indexing in JavaScript arrays. (e.g. Bangalore: 0, Delhi: 1, Kolkata: 2)', "Illustrates the use of console.log and index numbers to access and display specific array values, showcasing the direct application of this method to retrieve and display array elements. (e.g. Accessing the value at index 1, resulting in the output 'Delhi')", 'The console.log function is used to display the array values and the number of elements present in the array, providing insights into the functionality of the array. (e.g. Bangalore, Delhi, Kolkata and the total number of values: 3)', 'The explanation emphasizes the use of JSON in JavaScript to facilitate the retrieval of data exclusively in text format, enhancing client comprehension and communication between web pages and servers.', 'The process of converting a JSON object into a JavaScript text is demonstrated using the Jason dot parse method, simplifying the task for clients to obtain data in text format.', 'The example showcases the conversion of a JSON object with properties such as name, age, and ID into JavaScript text, providing a clear understanding of how string values are converted into text.', 'The chapter emphasized accessing array values through different methods, including loops, and highlighted minimal differences between Jason and JavaScript.', 'It was mentioned that the data types used in Jason include string, number, boolean, null, and undefined.', 'The transcript mentioned the ability to access array values using loops, particularly the for loop.']}