Объекты в JavaScript. Свойства объекта - чтение, добавление, удаление, проверка наличия и перебор.

Поділитися
Вставка
  • Опубліковано 29 лис 2024

КОМЕНТАРІ • 55

  • @AleksanderLamkov
    @AleksanderLamkov  7 місяців тому +3

    📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь:
    💬 t.me/friendlyFrontendChat
    Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

  • @ivanzhelanov
    @ivanzhelanov Місяць тому +4

    Восхитительно!! Лучшее объяснение! Однозначно лайк

  • @svitboomer8840
    @svitboomer8840 7 місяців тому +2

    Ребята, я в шоке! Наконец-то увидел пример, в котором показывается, что нельзя полагаться на порядок ключей в объекте 😯

  • @Igor-rq7mq
    @Igor-rq7mq 7 місяців тому +3

    Много разных каналов по фронтенду перепробовал, твой самый актуальный, понятный и последовательный. Высокое качество работы, подачи материала, закрепляю, узнаю что-то новое и практикуюсь с тобой, спасибо тебе большое и успехов! Очень удивлен, что просмотров не так и много, качество контента явно на сотни тысяч) Продолжай в том же духе и все будет. Еще раз - благодарю за твой огромный труд! Вдохновляешь.

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 5 місяців тому +4

    Подача материала на высоте. Благодарю!

  • @АняЕфимук
    @АняЕфимук 2 місяці тому +2

    Спасибо за хорошее объяснение!

  • @АлександрСальников-с2ж

    Коммент в поддержку, спасибо за урок!

  • @123-w1l4c
    @123-w1l4c 7 місяців тому +1

    Оп, а я тут первый) Спасибо огромнейшее за Ваши видео! Сейчас нахожусь на этапе scss, сюда ещё не дошел, я каждое видео восхищаюсь изящнейшими решениями в коде!

  • @ЭдемСмаил
    @ЭдемСмаил 17 днів тому +1

    зашел как бек,получить базу js фронта
    спс 10 видосов на одном дыхании

  • @crn05
    @crn05 2 місяці тому +1

    Отличный урок и объяснение. Дикция это вообще отдельная песня)

  • @andreyboikov
    @andreyboikov 7 місяців тому +1

    Спасибо, большое! Очень грамотно раскладываешь по полкам!

  • @alexandraweather4156
    @alexandraweather4156 7 місяців тому +1

    Спасибо за вашу работу! Вы офигенный

  • @danperunov
    @danperunov 7 місяців тому +1

    Круто рассказал, спасибо 👍😎

  • @progerlife6690
    @progerlife6690 7 місяців тому +1

    Спасибо огромное! Лайк и подписка на канал. И желаю развитие канала. Все четко и без воды. Буду советовать друзьям своим!

  • @kapparserik4942
    @kapparserik4942 6 місяців тому +1

    Очень хорошое объяснение🔥

  • @exacreator
    @exacreator 7 місяців тому +1

    Спасибо за видео, как всегда огонь🔥

  • @smotritelyoutube
    @smotritelyoutube 7 місяців тому +1

    Лайк как всегда!! Супер

  • @biscvie
    @biscvie 7 місяців тому +1

    Спасибо!

  • @Ekaterinn
    @Ekaterinn 7 місяців тому +1

    У Вас очень полезные видео! Хотелось бы еще обзор книг Кайла Симпсона (Вы не знаете JS, Вы пока еще не знаете JS), стоит ли читать и в каком порядке

    • @AleksanderLamkov
      @AleksanderLamkov  7 місяців тому

      Спасибо за обратную связь :)
      Да, эту серию книг знаю, читал онлайн версию в порядке, описанном здесь:
      github.com/azat-io/you-dont-know-js-ru

    • @Ekaterinn
      @Ekaterinn 7 місяців тому

      ​@@AleksanderLamkov Спасибо огромное!

  • @user-abuzer-
    @user-abuzer- 4 місяці тому

    Отлично объясняете, всё понятно.
    Искал в вашем видео ответ на свой вопрос, но не нашёл, может вы знаете?
    const electronics = {
    Laptop: 1500,
    Mouse: 25,
    Keyboard: 100,
    HDMI: 10,
    };
    for (const name of Object.keys(electronics)) {
    const price = electronics[name];
    console.log(price)
    }
    Почему внутри for, если прописать const price = electronics.name, то присвоится только первые буквы каждого ключа? Так что работает присвоение только через '[ ]'

    • @AleksanderLamkov
      @AleksanderLamkov  4 місяці тому +3

      Сходу сложно сказать. Но давай буду мыслить вслух, может будет всё же будет полезно.
      В объекте electronics нет свойства с названием 'name'.
      Если бы было так:
      const electronics = {
      Laptop: 1500,
      name: 'blablabla'
      }
      То имело бы смысл выражение:
      electronics.name
      В твоем же случае действительно нужно обращаться к объекту через квадратные скобки, т. к. именно через такой синтаксис мы можем использовать вычисляемую сущность name, которая в свою очередь содержит строку - имя ключа, соответствующее итерации цикла.
      А откуда берутся первые буквы из имен ключей - загадка. Гляну через некоторое время в консоли браузера, проверю пару теорий. Если найду причину такого поведения - отпишусь тут.

  • @love_renata_russia
    @love_renata_russia 6 місяців тому

    Здравствуйте, Александр! Можно ли прикреплять ссылку на конспект по лекции или просто текстовую расшифровку? На слух тяжело воспринимаю информацию, текстом легче

    • @AleksanderLamkov
      @AleksanderLamkov  6 місяців тому +1

      Привет. Увы, мои сценарии не предназначены для конспекта. Там много рабочих заметок. Форматировать под статьи пока некогда.

    • @love_renata_russia
      @love_renata_russia 6 місяців тому

      @@AleksanderLamkov поняла 👌

  • @mdayzz
    @mdayzz 7 місяців тому

    8:33 -- "Ну и в целом мы бы не могли получить доступ к этому свойству как-то иначе" и "имя свойства всегда строка"
    console.log( obj[ Number(123) ] ) -- и мы получаем значение нашего свойства в консоли через числовое значение
    Я чересчур душню, но в итоге всегда-ли? Или всегда можно обратиться как к строке?

    • @AleksanderLamkov
      @AleksanderLamkov  7 місяців тому +1

      Ну, до Number в [] я не додумался, твоя взяла :)
      В любом случае имя свойства - строка и гарантированно получить значение свойства можно, если обратиться к свойству объекта, как к строке.
      Формально мы и так можем сделать:
      const obj = { true: 555 }
      obj[true] // 555
      Но это значит просто, что булевое true преобразовалось в строку перед тем, как из obj джаваскрипт стал вытаскивать свойство с именем 'true'.

    • @mdayzz
      @mdayzz 7 місяців тому

      @@AleksanderLamkov всё, принял - значит js интерпретирует написанное в квадратных скобках в строку. Большое спасибо ♥️
      Урок супер)

    • @JeroenMarsh
      @JeroenMarsh Місяць тому

      console.log(obj[123]); тоже работает, но тут походу js сам переводит числа в строку т.к. обращение к объекту

  • @franzzz0725
    @franzzz0725 7 місяців тому

    Подскажи, что у тебя за тема в vscode, пожалуйста

    • @AleksanderLamkov
      @AleksanderLamkov  7 місяців тому

      Привет! У меня не VSCode, а WebStorm, тема Oceanic Dark Theme.

  • @lawsonllka271
    @lawsonllka271 7 місяців тому

    Молодец Александр все объясняет с нюансами, подробно, но в 90% случаев эти нюансы никто в разработке не использует. Но все равно уроки хорошие.

    • @AleksanderLamkov
      @AleksanderLamkov  7 місяців тому +1

      Я не рассказывал ещё ни об одной синтаксической конструкции, которая бы мне не пригодилась на практике 😅

    • @lawsonllka271
      @lawsonllka271 7 місяців тому

      Перечислю только несколько: удаление, добавление свойств у объекта - где это в разработке может пригодиться? Если объект не обладает какими то свойствами то его или пересоздают в другом виде или выкидывают исключение. Эта конструкция не правильная - когда ты можешь убирать или добавлять поля в существующий объект. Ты либо работаешь с тем что получаешь или выкидываешь ошибку что данные не верны.

    • @lawsonllka271
      @lawsonllka271 7 місяців тому

      Свойства в виде чисел - кто додумается использовать такую конструкцию в реальной разработке?

    • @lawsonllka271
      @lawsonllka271 7 місяців тому

      Имя свойства в виде формулы? - это где такое может пригодится?

    • @lawsonllka271
      @lawsonllka271 7 місяців тому

      Сортировка свойств при переборе? - кто таким занимается?

  • @miwanjaGR
    @miwanjaGR 7 місяців тому

    ny med🍯

  • @demimurych1
    @demimurych1 8 днів тому

    00:08:45 *Ключи обьекта это всегда строки*
    Ну хоть перепроверяйте себя. В современном JS ключами в обьекте могут быть String и Symbol.

  • @kot_5861
    @kot_5861 23 дні тому

    А мне кажется или вы не ставите закрывающий тег ; что за магия я тоже так хочу (не хейт)

    • @AleksanderLamkov
      @AleksanderLamkov  23 дні тому

      В JS конец инструкции можно определять символом точки с запятой, а можно просто переносить инструкцию на новую строку, эффект будет такой же.

  • @mishachubenko3394
    @mishachubenko3394 15 днів тому

    Дуже класно ти пояснюєш я трохи модифікував твій код, я на тебе підпишусь для вивчення нових нюансів.
    let obj = { };
    for ( let i = 0; i < 4; i++ ) {
    let key = prompt(`Номер ${i +1} Введіть ключ`);
    let value = prompt(`Введіть значення для ключа - ${ key }`)
    obj [key] = value
    }
    console.log(obj)

  • @виртуоз_ру
    @виртуоз_ру 7 місяців тому +1

    👍