<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

А в практической части с полного нуля будет создано мощное и быстрое динамическое приложение, где Вы на практике познакомитесь, как создавать очень гибкую и расширяемую архитектуру, для разработке функционала любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Методы объекта JSON

Методы объекта JSON

Объект JSON , доступный во всех современных браузерах, имеет два очень полезных метода для обработки содержимого в формате JSON: parse и stringify . JSON parse() принимает строку JSON и преобразует ее в объект JavaScript. JSON.stringify() принимает объект JavaScript и преобразует его в строку JSON.

Пример:


  const PersonObj = {
   name: 'Михаил',
   age: 27,
   favoriteFood: 'Блины'
  };

  const ObjStr = JSON.stringify(PersonObj);

  console.log(ObjStr);
  // "{"name":"Михаил","age":27,"favoriteFood":"Блины"}"

  console.log(JSON.parse(ObjStr));
  // Object {name: "Михаил  ", age: 27, favoriteFood: "Блины"}

И хотя эти методы обычно используются на объектах, их также можно использовать на массивах:


  const array = ['мясо', 'мандарины', 'томаты'];
  const array_str = JSON.stringify(array);

  console.log(array_str);
  // "["мясо","мандарины","томаты"]"

  console.log(JSON.parse(array_str));
  // ["мясо","мандарины","томаты"]

JSON.parse()

JSON.parse() может принимать второй аргумент, который может преобразовывать значения объекта до их возврата. Здесь значения объекта трансформируется в верхний регистр, если они являются строками.


  const User = {
   name: 'Виталий',
   email: 'vitia\@myrusakov.com',
   accountType: 'Pro'
  };

  const userStr = JSON.stringify(User);

  JSON.parse(userStr, (key, value) => {

   if (typeof value === 'string') {
    return value.toUpperCase();
   }

   return value;
  });

JSON.stringify()

JSON.stringify() может принимать два дополнительных аргумента, первый из которых является функцией замены, а второй - значением типа String или Number для использования в качестве пробела в возвращаемой строке.

Функция replacer может использоваться для того, чтобы отфильтровать значения, таким образом любое значение, возвращаемое как неопределенное (undefined), будет отсутствовать в возвращаемой строке:


  const user = {
   id: 003,
   name: 'Борис',
   email: 'boris\@site.com'
  };


  function replacer(key, value) {

   console.log(typeof value);

   if (key === 'email') {
    return undefined;
   }

   return value;
  }

  const userStr = JSON.stringify(user, replacer);
  // "{"id":003,"name":"Борис"}"

Пример с передачей третьего аргумента.


  const user = {
   name: 'Борис',
   email: 'boris@site.com',
   accountType: 'Pro'
  }


  const userStr = JSON.stringify(user, null, '...');

Результат:


  "{
   ..."name": "Борис",
   ..."email": "boris@site.com",
   ..."plan": "Pro"
  }"

Таким образом, мы с Вами познакомились с двумя важными методами объекта JSON в JavaScript.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.