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