Тёмный

Зачем нужен JSON Тип данных, работа с JSON на JavaScript метод JSON.parse() и метод JSON.stingify() 

ITDoctor
Подписаться 69 тыс.
Просмотров 50 тыс.
50% 1

В этом уроке я расскажу Зачем нужен JSON Тип данных, и покажу как работать с JSON на JavaScript, мы рассмотрим метод JSON.parse() и JSON.stingify() которые встроены в язык JavaScript и их можно использовать через глобальный объект JSON. Файлы JSON содержат в себе данные наподобие java script объектов и массивов. Отличия объектов JSON от JavaScript мы рассмотрим в этом уроке по JSON.
Часть 2, практика JSON: • Зачем нужен JSON, Част...
✔Советую посмотреть:
Массивы на JS: • #5 Массивы на языке Ja...
Объекты на JS: • #7 Объекты JavaScript ...
Цикл for in на JavaScript: • #32 Цикл for in на Jav...
⚡️ Эксклюзив на Boosty - boosty.to/itdoctor
💡 Telegram канал - t.me/itdoctor_official/4
🎥 Курсы на Stepik - stepik.org/users/387773773/teach
💰 Донаты на ЮMoney - sobe.ru/na/itdoctor
ВКонтакте - itdoctorstudio
Яндекс Дзен - zen.yandex.ru/itdoctor
Rutube - rutube.ru/channel/23500045/
#json #javascript #js #itdoctor

Опубликовано:

 

5 май 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 130   
@ITDoctor
@ITDoctor 3 года назад
Курс Frontend разработчик на HTML, CSS и JavaScript: stepik.org/z/113402
@user-kn2ik9mb9w
@user-kn2ik9mb9w 5 лет назад
Отличные уроки, благодарю за Ваш труд.
@MishaFranco
@MishaFranco 5 лет назад
Спасибо за урок! Было бы очень интересно посмотреть как считывать и куда-то вставлять данные из файла.
@ITDoctor
@ITDoctor 5 лет назад
в конце видео я показал реальный пример, если будет еще достаточно желающих то я покажу как такое сделать.
@maximovitalcandiz763
@maximovitalcandiz763 3 года назад
@@ITDoctor По-моему, самый наглядный и удобочитаемый способ представления данных из JSON-файла ‒ это таблица HTML в два столбца: слева будут названия свойств (также ключей), а справа ‒ соответствующие им значения из JSON, получаемые методом parse. При этом необходимо задать ID-атрибуты для каждой ячейки правого столбца, куда будут вставляться данные. Хотя, для табличного представления сложных JSON-объектов нужны и многоуровневые таблицы, а это ‒ задача посложнее...
@user-lh4me9rc3l
@user-lh4me9rc3l 4 года назад
Классно обьясняешь поэтапно и с примерами однозначно лайк наконец доперло до меня как парсить)
@user-de2tj8fs8i
@user-de2tj8fs8i 3 года назад
Хорошая подача, спасибо за урок!
@indexscript2518
@indexscript2518 4 года назад
Спасибо за видео!
@van777ok3
@van777ok3 4 года назад
Спасибо,очень информативно!)
@inext571
@inext571 4 года назад
Очень познавательно и наглядно. Раньше я слышал о JSON, но не знал о нём ничего, поэтому аж немного "боялся" его. Но благодаря этому видео, я немного приблизился к пониманию данного типа данных. Спасибо автору за хорошее пояснение :)
@dmitriyalexeev8880
@dmitriyalexeev8880 4 года назад
как всегда очень доступно, спасибо!
@ITDoctor
@ITDoctor 4 года назад
пожалуйста
@subaruforester8332
@subaruforester8332 5 лет назад
Спасибо! Как всегда, очень интересно и все по делу)
@Ser_Shurf
@Ser_Shurf 4 года назад
самое подробное объяснение среди всех просмотренных мной, благодарю за видео.
@ITDoctor
@ITDoctor 4 года назад
старался
@-Forever-Young-
@-Forever-Young- Год назад
Cпасбо за полезную информацию)
@ITDoctor
@ITDoctor Год назад
Пожалуйста
@kvizzyt7548
@kvizzyt7548 4 года назад
8:28 таймкод для тех, кто и так знает, что такое json
@MrAeroification
@MrAeroification 4 года назад
Спасибо!
@yaroslavzef7267
@yaroslavzef7267 3 года назад
Спасибо помогло) Заставка крутая тоже!
@ITDoctor
@ITDoctor 3 года назад
спасибо, вы первый кто оценил
@powerjavascriptman
@powerjavascriptman Год назад
@@ITDoctor у вас очень крутые видео!
@user-dn4mc6nq8t
@user-dn4mc6nq8t 3 года назад
спасибо за контент
@LAMit
@LAMit Месяц назад
Для новичков самое то!!!
@ITDoctor
@ITDoctor Месяц назад
Рад что было полезно
@paulbruk2436
@paulbruk2436 2 года назад
классный ролик, спасибо
@ITDoctor
@ITDoctor 2 года назад
Пожалуйста
@alxputnik
@alxputnik 5 лет назад
Плюс за видео.
@danilbadretdinov2787
@danilbadretdinov2787 2 года назад
Круто!
@ITDoctor
@ITDoctor 2 года назад
Спасибо
@user-pi9lz7cg5m
@user-pi9lz7cg5m 2 года назад
Отличная подача
@ITDoctor
@ITDoctor 2 года назад
Рад что нравится
@user-uh5qu9ee5f
@user-uh5qu9ee5f 4 года назад
Лукас за превью.
@ITDoctor
@ITDoctor 4 года назад
пришлось изучить работу в affter effects ради 5 секундной превьюшки
@lite_curiosity970
@lite_curiosity970 Год назад
Отличное обьяснение.
@ITDoctor
@ITDoctor Год назад
Рад что понравилось
@user-sl2zv7pg2p
@user-sl2zv7pg2p Год назад
Hyshehs
@bred1446
@bred1446 4 года назад
Супер видео. А где можно скачать исходники сайта с фильмами?))) Буду очень благодарен
@maximovitalcandiz763
@maximovitalcandiz763 3 года назад
Здравствуйте, ITDoctor! Спасибо за урок! У меня такой вопрос: как с помощью JavaScript узнать, какие свойства и методы (кроме parse и stringify) содержит в себе глобальный объект JSON? Просто интересно его содержимое. Пробовал использовать цикл for (... in JSON) ‒ не выводит. В чём моя ошибка, подскажите, пожалуйста, или в каком из Ваших видео-уроков Вы об этом рассказываете?
@ITDoctor
@ITDoctor 3 года назад
prnt.sc/vnd4hu В консоли JSON и смотрим. Видим stringify и parse все остальное через прототип но это уже не его методы а унаследованные
@maximovitalcandiz763
@maximovitalcandiz763 2 года назад
@@ITDoctor Спасибо большое! Знаете, замечательная вещь ‒ JSON! Открыв его для себя, я почти сразу нашёл ему применение. Довольно интересное! Я люблю писать больше HTML-приложения (НТА-файлы), поскольку в них JavaScript может работать с файловой системой через new ActiveXObject("Scripting.FileSystemObject"); А следовательно, может сохранять данные из текстовых полей в JSON-файлы, разумеется, предварительно записав эти данные в свойства объекта, который требуется "расстринджифить".
@dendenis8139
@dendenis8139 5 лет назад
Интересно было бы посмотреть, как создать такую систему. И интересно, возможно ли делать матиматические вычесления, например колонку А прибавить к колонки Б и вывести значение в колонку С!?
@ITDoctor
@ITDoctor 5 лет назад
всё возможно, это же программирование, граница там где кончается ваша фантазия.
@dendenis8139
@dendenis8139 5 лет назад
@@ITDoctor было бы интересно посмотреть систему вашу с фильмами как что и куда.
@ITDoctor
@ITDoctor 5 лет назад
@@dendenis8139 что за система с фильтрацией?
@dendenis8139
@dendenis8139 5 лет назад
@@ITDoctor не с фильтрацией, а с фильмами которая в конце видео была
@ITDoctor
@ITDoctor 5 лет назад
@@dendenis8139 это покажу, как нибудь в следующих видео
@ok_kov
@ok_kov 5 лет назад
ок, понятно, что создана некая видеотека со списком фильмов. А какое её практическое применение может быть? Например, можно ли ее как-то прикрутить к видеохранилищу, чтоб фильмы/ролики можно было запускать прям из этого приложения? Ну типа, выбрал фильм, нажал кнопку "Смотреть" и всё. Как такое реализовать?
@ITDoctor
@ITDoctor 5 лет назад
то что вы описали это уже нешуточная система, чтобы такому научится водного видео не хватит, надо учится годами и практиковаться.
@user-vs3yh4dn7l
@user-vs3yh4dn7l 4 года назад
как вариант добавить к описанию ссылку на фильм в онлайне.
@nikitaleusenko3196
@nikitaleusenko3196 4 года назад
Меня очень интересует, как при отправке формы программа записывает данные в JSON файл. Жду видео!
@ITDoctor
@ITDoctor 4 года назад
Обязательно расскажу, самому интересно донести до всех этот процесс. Но это будет как только вернусь из армии
@cherch3566
@cherch3566 4 года назад
@@ITDoctor ого, целый год без Ваших видео( Очень нравятся ваши уроки. все предельно понятно)
@user-hj3zu5tk4h
@user-hj3zu5tk4h Год назад
Свойства объекта пишутся без кавычек: firstname: "Ivan" В кавычки их преобразует уже JSON Несмотря на работу кода с кавычками, написание их для свойств объекта, не является необходимым, а читаемость только ухудшается.
@redthundersoloV
@redthundersoloV 4 года назад
Сделай пожалуйста видео, где будет обновляться страница после отправке запросов с выводом данных
@davidelbakian6399
@davidelbakian6399 4 года назад
Спасибо за видео! Я тоже работаю через Visual Studio Code. Но у меня json файл объекта и массива всё содержимое выделяется красным. Что делать подскажите?
@ITDoctor
@ITDoctor 4 года назад
Внизу справа тип файла json стоит?
@user-tu8xx6em8h
@user-tu8xx6em8h 3 года назад
А можно ссылку на исходники чтобы поиграть с кодом и лучше разобраться?
@kissel0ff
@kissel0ff 11 месяцев назад
у меня в фаиле txt содержится значение переменной в json . как сделать кнопку чтобы она предлагала выбрать фаил на компе и сохраняла в локал сторадж значение этой переменной?
@yflow5337
@yflow5337 4 года назад
Очень интересна тема, записи и чтения файла. Пишу прямо в браузере код в интрументах разработчика. И он всё хорошо делает и даёт удобные возможности, но пролёт с методом require, тупо не знает о нём ничего. С чем это может быть связанно, можно ли как то реализовать обращение к файлу в обход, без внедрения многочисленных оболочек, нпн, браузевай и прочего добра, тем более по ним не понятно что зачем и куда. Скачал VS Code, еще попробую в нём, может что проясниться.
@eugenevandar7952
@eugenevandar7952 Год назад
Круто! Можете выложить пример кода на гитхаб?
@iriksaitgalin6894
@iriksaitgalin6894 4 года назад
Интересная тема, было бы хорошо, если, вы бы сделали ролики по JSON. Я так понимаю с ней можно работать примерно как с бд.
@ITDoctor
@ITDoctor 4 года назад
Да. Тема интересная и я планирую её развивать. Как только вернусь из армии
@mkrtumyanis
@mkrtumyanis 5 месяцев назад
@@ITDoctor как прошла служба?) Уже 3 года прошло)
@ITDoctor
@ITDoctor 5 месяцев назад
@@mkrtumyanis служба прошла хорошо, я даже доволен и благодарен тому, что прошел этот путь.
@Recycling-ey1yc
@Recycling-ey1yc Год назад
7:35 а избирательно можно выводить массив, в зависимости если нужный ключ содержит нужное значение например если год 2010 , то вывести весь массив
@ITDoctor
@ITDoctor Год назад
конечно. это же программирование можно все. главное знать как. Условие создаете и достаете нужный элемент: основы js можно изучить тут ru-vid.com/group/PLuY6eeDuleINoCQtGZsMoVVCSgEH7gKQ5 тогда вы будите знать как это сделать
@TheKirk1989
@TheKirk1989 3 года назад
а без ноджс мы не можем использовать файлы жсон?
@Dikolman
@Dikolman 4 года назад
Когда будет видео как Вы делали эту систему с JSON и Node.js или разместите исходники.
@ITDoctor
@ITDoctor 4 года назад
Когда вернусь из армии расскажу.
@Dikolman
@Dikolman 4 года назад
@@ITDoctor Вы в этом году вернетесь из армии, летом говорили?
@ITDoctor
@ITDoctor 4 года назад
Да через 20 дней примерно
@lumeaceaiuluisrl6343
@lumeaceaiuluisrl6343 3 года назад
Исмаил, круто! Спасибо большое! У Вас очень хорошо получается объяснять. Планируете ли Вы продолжить записывать уроки по продвинутому JS ?
@ITDoctor
@ITDoctor 3 года назад
да, разумеется
@lumeaceaiuluisrl6343
@lumeaceaiuluisrl6343 3 года назад
Спасибо , ждём )
@lost-nou.3277
@lost-nou.3277 Год назад
Здравствуйте, у меня такая проблема. Есть json файл, он в читабельном виде, а мне нужно все в одну строку. Никто не знает, как мне привести его?
@alexanderzhidkikh7536
@alexanderzhidkikh7536 5 лет назад
Будет ли урок по ajax?
@ITDoctor
@ITDoctor 5 лет назад
возможно
@davitdavitashvili2838
@davitdavitashvili2838 4 года назад
у вас ЛУШИЕ уроки на ютюбе, но вы слишком много топчетесь на месте занудно это вызывает головную боль
@talgatbokeshov2964
@talgatbokeshov2964 4 года назад
Бро, давай разбор задание которое ты сделал в конце!
@ITDoctor
@ITDoctor 4 года назад
Как только вернусь с армии)
@iventeye
@iventeye 4 года назад
@@ITDoctor сочувствую, держись там!
@ITDoctor
@ITDoctor 4 года назад
@@iventeye не так страшен черт как его малюют. Потом все обязательно расскажу как прошла служба.
@user-vs3yh4dn7l
@user-vs3yh4dn7l 4 года назад
@@ITDoctor когда вернешься?
@ITDoctor
@ITDoctor 4 года назад
@@user-vs3yh4dn7l в июле 2020
@dmitriy3030
@dmitriy3030 4 года назад
А видео там где ты парсишь и добавляешь в таблицу так и не было я так понимаю, да?
@ITDoctor
@ITDoctor 4 года назад
Я пока в армии. Но скоро вернусь и обязательно будет
@Selieznov
@Selieznov 4 года назад
Нельзя не похвалить, особенно, если на этот видос залетел зеленый прогер и чет высматривает, а если чисто заглянул освежить знания, то чет на х2 устал ждать, когда там про JSON будет чет ))
@stra1f595
@stra1f595 3 года назад
Для меня многовато воды, но для новичков думаю в самый раз.
@Deestylovmusic
@Deestylovmusic 4 года назад
Запишите как создавали, интересно
@ITDoctor
@ITDoctor 4 года назад
Как только с армии вернусь
@user-sp1qi5oc3m
@user-sp1qi5oc3m 3 года назад
Видос с сервером еще нет?
@ITDoctor
@ITDoctor 3 года назад
Пока нет
@user-ty6fq9os9k
@user-ty6fq9os9k 4 года назад
Есть ли видео создание своего сервера?
@ITDoctor
@ITDoctor 4 года назад
Пока нет. Но будет
@user-ty6fq9os9k
@user-ty6fq9os9k 4 года назад
@@ITDoctor спасибо за ответ. Ждем видео.
@Kitsune50500
@Kitsune50500 3 года назад
Как преобразовать json в картинку
@konstantin5950
@konstantin5950 6 месяцев назад
Вопрос ко всем, принципальный, по технологии: а можно ли обойтись без сервера? Т.е. читать JSON (ну или другой файл) и/ИЛИ (??) писать - прямо из JS - скрипта, который крутится в браузере? ЧТоб можно было на любом устройстве программу гонять, на телефоне, ПК и тд - не заморачиваясь с серверами, как с обычным ЯП общего назначения. Возможно ли это в принципе (знаю что есть проблема, но может есть и решение??)
@ITDoctor
@ITDoctor 6 месяцев назад
сервер это не что то страшное. если у вас сайт в интернете он уже находится на серверах. хостинг это тоже сервер. вам просто нужно написать код который обрабатывает запросы, а крутится это все на вашем хостинге. если нет сервера то и сайта вашего не будет нигде. ну разве что локально на вашем компьютере можно запустить но это не сайт это просто сайт-приложение написанное на html css js
@konstantin5950
@konstantin5950 6 месяцев назад
@@ITDoctor Спасибо за ободрение. Правда. НО - вопрос у меня в другом! Я правда хочу написать несколько локальных JS-приложений. Чтоб работали везде - на любом смартфоне и тд. Где есть браузер. И без сети. Потому разбираюсь с работой ЛОКАЛЬНЫХ скриптов с локальными файлами. ПОка что нарыл, что читать файлы можно. Есть примеры, вроде работает. Писать вроде тоже как-то можно? В blob а blob - в файл по запросу пользователя? Мне это подходит, но схему пока до конца не понял - как это работает и почему.
@ITDoctor
@ITDoctor 6 месяцев назад
@@konstantin5950 возможно стоит делать десктопное приложение или мобильное. Можно делать это и на html css js. Есть например electron.js можете почитать подробнее про него. Может вам такое подрйдет
@hitpau
@hitpau 4 года назад
Остановил на 8:46... Массив же - это упорядоченная коллекция *ОДНОТИПНЫХ* элементов
@moto_venom
@moto_venom 3 года назад
Я не совсем понял следующее: Для чего использовать этот JSON? Я могу также в нативном JavaScript сделать всё тоже самое. Также написать отдельный js файл если нужно и импортировать те-же объекты и массивы
@powerjavascriptman
@powerjavascriptman Год назад
мне кажется этот формат необходим для асинхоннных функций
@moto_venom
@moto_venom Год назад
@@powerjavascriptman JSON может быть полезным для передачи данных между различными приложениями, системами и языками программирования, поскольку формат JSON является общепринятым и понятным многим языкам программирования. Ну и полюс это удобнее.
@hub848
@hub848 2 года назад
забыл упомянуть глубокое клонирование объектов при помощи JSON
@hozon2143
@hozon2143 Год назад
Уснул на 9-ой минуте
@_meta_data_9992
@_meta_data_9992 3 года назад
JSON vs BSON смотри сейчас! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-w9UuJprl-Sw.html
@permska1526
@permska1526 4 года назад
Почему ничего не говорите как подключиться к json файлу из javascript?
@ITDoctor
@ITDoctor 4 года назад
Для этого требуется сервер. Например на node js. Как вернусь с армии расскажу о этом способе. Пример того что может получится я показывал в этом видео
@andreiandreichuk4814
@andreiandreichuk4814 3 года назад
«Занимает всего 28 Кбайт» - шеф, а сколько текстовый файл тупо всего должен занимать?
@alsur272
@alsur272 4 года назад
Когда произносиш слово JSON то ударение падает на J а не на о.
@ITDoctor
@ITDoctor 4 года назад
В России ударения на согласные не падают)
@newlife4830
@newlife4830 4 года назад
20 мин от том что это такое, но ни слова о том как со3давать JSON файлы и писать их в память ПК
@cossack_games
@cossack_games 4 года назад
а зачем вообще JSON, если есть базы данных?
@user-vs3yh4dn7l
@user-vs3yh4dn7l 4 года назад
когда либо нет возможности развернуть, либо нет надобности. Тогда вариант с файловым сервером очень даже актуален
@hairy_nose
@hairy_nose 3 года назад
Так и не показал как изменять файл json, я в шоке...
@DogAndKiller
@DogAndKiller 2 года назад
Вернулся с армии?
@alexxxx89
@alexxxx89 Год назад
var☠☠☠☠
@erjan816
@erjan816 4 года назад
Очень много воды. По сути я узнал только 2 команды и все!
@chiklfkif
@chiklfkif 2 года назад
без обид, но воды очень много, одну инфу говоришь по 5- 6 раз)
@user-yj6vi7bs9u
@user-yj6vi7bs9u 8 месяцев назад
Наверное вы хороший програмист, но преподоаватель вы совершенно никудышный, к сожалению(
@nikitabu
@nikitabu 3 года назад
ужасно много воды. по 100 раз повторяться. зашел лишь за одной вещью, в итоге жду её 20 минут.
@yarik83men51
@yarik83men51 3 года назад
Много воды, больше половины.
@charliebrown5554
@charliebrown5554 Год назад
Спасибо!
@ITDoctor
@ITDoctor Год назад
Пожалуйста
Далее
Проверил на логику певца L’one
00:17
ЭКСПРЕСС разбор стиралки
00:39
Просмотров 1,7 млн
STM32 I2C ч.2 CMSIS
47:28
Просмотров 1,9 тыс.