Объекты в JavaScript. Основы для начинающих. Синтаксис, создание, изменение. Уроки JavaScript с нуля

Объекты в JavaScript. В этом уроке поговорим об основах такого типа данных как объекты. В отличии от примитивных типов данных, объекты могут …

source by Фрилансер по жизни – IT и фриланс

javascript

Mourad ELGORMA

Mourad ELGORMA

Fondateur de summarynetworks, passionné des nouvelles technologies et des métiers de Réseautique , Master en réseaux et système de télécommunications. ,j’ai affaire à Pascal, Delphi, Java, MATLAB, php …Connaissance du protocole TCP / IP, des applications Ethernet, des WLAN …Planification, installation et dépannage de problèmes de réseau informatique……Installez, configurez et dépannez les périphériques Cisco IOS. Surveillez les performances du réseau et isolez les défaillances du réseau. VLANs, protocoles de routage (RIPv2, EIGRP, OSPF.)…..Manipuler des systèmes embarqués (matériel et logiciel ex: Beaglebone Black)…Linux (Ubuntu, kali, serveur Mandriva Fedora, …). Microsoft (Windows, Windows Server 2003). ……Paquet tracer, GNS3, VMware Workstation, Virtual Box, Filezilla (client / serveur), EasyPhp, serveur Wamp,Le système de gestion WORDPRESS………Installation des caméras de surveillance ( technologie hikvision DVR………..). ,

40 réflexions sur “Объекты в JavaScript. Основы для начинающих. Синтаксис, создание, изменение. Уроки JavaScript с нуля

  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Отличные уроки, если могу посоветовать, как начинающиму проще понять строки
    Object.assign{
    newDevMind: 'привычнее увидеть такой синтаксис, а то я вначале заблудился немного',
    PS: 'это некритика а скорее предложение для начинающих проще увидеть :)'
    }
    Еще раз огромное спасибо!

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Отличное видео! Подскажите пожалуйста как создавать массив объектов и как с ним работать (обращаться к свойствам, значением и т.п.)? Или где это можно прочитать пробовал в гугле но что-то результатов не дает?

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Велика тобі вдячність Жека! Нехай Бог дарує тобі міцного здоров'я! І головне не забувай про нас!

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    А как добавить ключ без значения в уже существующий объект ?
    userInfo.age ( так ? )

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Как ВСЕГДА все четко и ясно!!! Спасибо Вам за то, что Вы для нас делаете!!! Благодаря Вам я не теряю надежду стать Frontend-ом =))))))))))))))))

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    1. Неправильно (коми пропущені)
    2. В консоль виведе ' Значение свойства '
    3. Виведе 45
    4. Виведе Вася
    5. Виведе Вася і в наступному рядку 30
    6. Uzhhorod
    7. Неправильно. Має бути console.log(userInfo["likes js"]);
    8. let userInfo = {

    name: "Вася",

    age: 30,

    }

    userInfo.name = "Лена";

    console.log(userInfo);

    delete userInfo.name;

    console.log(userInfo);

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Хотелось бы ещё про деструкторизацию увидеть, думаю всем было полезно узнать об этом)

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    спасибо за урок! вы объясняете так, что не понять не возможно! все подробно и лаконично!

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    1 – запись не верна;
    2 – в консоли будет: Значение свойства;
    3 – в консоли будет: 45;
    4 – в консоли будет: Вася;
    5 – в консоли будет: Вася
    30;
    6 – в консоли будет: Uzhhorod;
    7 – запись не верна;
    8 – let userInfo = {

    }

    userInfo.name = 'Вася';

    console.log(userInfo);

    userInfo.age = 30;

    console.log(userInfo);

    userInfo.name = 'Лена';

    console.log(userInfo);

    delete userInfo.name;

    console.log(userInfo);

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Женя, спасибо тебе за курсы!❤️
    Вопрос: хочу стать патроном, чтобы получить менторство от тебя, настройки GULP, и другие плюшки.. Будут ли твои настройки GULP корректно работать на apple silicon Mac OS?

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Здравствуйте, Женя. Больше года учусь в IT-school , совсем отчаялась уже , что то понять и научиться . Но Вы очень вдохновляете, каждое видео на одном дыхании. Спасибо Вам большое за Ваш труд!!! Буду изучать Ваши видео и делать домашки , пока не дойдет , потом обязательно поделюсь результатами. У Вас очень мощная энергетика, прям через монитор чувствуется и передается , еще раз благодарю!

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    16:58
    Трішки понудю. якщо ключ "age" існує, але йому присвоєне "неправдиве" значення типу { age: null} або {age: 0} то данна перевірка не спрацює.
    Тобто значення, він же ключ – існує, але буде повертатися  false.

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    спасибо за такое полное доступное объяснение без воды, жаль нельзя поставить сто лайков за раз

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Хорошо отношусь к вам и тому что вы делаете.Но такое чувство будто это пересказ уроков из learnjs

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Класс, за 30 минут рассказано про объекты все то, что я изучала целый день. Спасибо за прекрасный труд🤗)

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    1) не верно, нужны запятые после значений ключей 2) Значение свойства 3) Объект userInfo, у которого age : 45 4) Вася 5) name, age 6) city 7) запись не верна, там в console.log(userInfo["likes js"]) Женя ты крутой перец спасибо тебе 😀 const freelancer = { name: "Evgeny", surname: "Andrikanich", job: "freelancer", motto: "Learn, develop, but remember, live and work in your free time",}

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Оооо, спасибо, просто сияю, я даже похоже поняла this. Еще раз пересмотрю, для лучшего усвоения.

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Видео по JS пересматриваю, перечитываю по нескольку раз. Достаточно большой объём новой, трудно перевариваемой информации. Хотелось бы поучаствовать в практике по использованию уроков JS на реальных примерах. Это поможет лучше понять, где и как используется код в деле. Необходимо в ДЗ добавить больше интерактива, возможно создать задачи на выполнение с построением HTML и интеграцией в него JS.

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Просто красавчик! Благодаря именно твоему методу объяснения так все становится легко понимать!!!!! ))) Высший пилотаж!

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Евгений, здравствуйте!
    Традиционно, благодарю за урок)

    Ответы к домашней работе.
    Задача №1
    Верна ли запись?

    const userInfo = {
    name: "Вася"
    age: 30
    }

    Ответ:
    Не верна. Потому, что после
    значений нет запятых.

    Задача №2
    Что будет в консоли?

    let userInfo = {
    name: "Вася",
    age: 30,
    "58": 'Значение свойства'
    }
    console.log(userInfo[58]);

    Ответ: в консоль будет выведено
    сообщение"Значение свойства"

    Задача №3
    Что будет в консоли?

    let userInfo = {
    name: "Вася",
    age: 30
    }
    let user = userInfo;
    user.age = 45; // меняем значение

    console.log(userInfo.age);

    Ответ: 45

    Задача №4
    Что будет в консоли?

    let userInfo = {
    name: "Вася",
    age: 30,
    showInfo() {
    console.log(`${this.name}`);
    }
    }

    let user = userInfo;
    userInfo = null;
    user.showInfo();

    Ответ: Вася

    Потому, что вызываемая функция
    нахожится внутри объекта user (бывший userImfo).

    Задача №5
    Что будет в консоли?

    let userInfo = {
    name: "Вася",
    age: 30,
    }
    for (const key in userInfo) {
    const value = userInfo[key];
    console.log(value);
    }

    Ответ: Вася 30

    Метод for in последовательно выведет
    в консоль все значения, находящиеся
    внутри объекта userInfo

    Задача №6
    Что будет в консоли?

    let userInfo = {
    name: "Вася",
    age: 30,
    address: {
    city: "Uzhhorod",
    }
    }
    for (const key in userInfo.address) {
    console.log (userInfo.address[key]);
    }

    Ответ: Uzhhorod
    В консоль будет выведено значение
    свойства city. Свойство city вложено в
    дочерний объект address.

    Задача №7
    Что будет в консоли?

    const userInfo = {
    name: "Вася",
    age: 30,
    "likes js": true
    };
    console.log(userInfo."likes js");

    Ответ: Нет, запись не верна.
    Что бы вызвать многословное свойство нужно
    заключить его имя (ключ) в дополнительные
    прямые скобки [ ]

    Правильный вариант:
    const userInfo = {
    name: "Вася",
    age: 30,
    "likes js": false
    };
    console.log(userInfo["likes js"]);

    Задача №8
    1. Создать пустой объект userInfo.
    2. Добавить свойство name со значением Вася.
    3. Добавить свойство age со значением 30.
    4. Изменить значение свойства name на Лена.
    5. Удалить свойство name из объекта.

    создание объекта с двумя свойствами
    userInfo = {
    name: "Вася",
    age: 30,
    }

    вывод значений свойств в консоль
    console.log(userInfo);

    изменение значения для свойства name
    userInfo.name = "Лена";

    вывод значений в консоль с учётом изменений
    console.log(userInfo);

    удаление свойства из name из объекта userInfo
    delete userInfo.name;

    вывод объекта (значения внутри) в консоль
    console.log(userInfo);

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Женя, спасибо за урок! Как всегда, лаконично, без воды и максимально доходчиво

    Répondre
  • Avatar
    avril 24, 2021 à 3:20
    Permalien

    Учимся учимся учимся!
    🔴 Карта канала "Фрилансер по жизни": https://miro.com/app/board/o9J_lZB3YKI=/
    🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
    🔴 Instagram: https://www.instagram.com/freelancer.lifestyle
    🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
    🔴 Facebook: https://www.facebook.com/freelancerlifestyle

    Répondre

Laisser un commentaire