Топ-10 фишек программирование на JavaScript ОБЪЕКТЫ, все что ты должен знать!

Мы продолжаем серию уроков топ фишек программирования на javascript и в этом видео мы рассмотрим методы объектов JS. Я считаю что данные методы должен знать каждый начинающий junior javascript программист. Если вы новичек Javascript то вам будет очень полезно ознакомиться как работать с объектами js на практике. Мы подробно рассмотрели javascript методы Object keys, values и entries, а так же Object is, freeze и seal. Если вы о них никогда не слышали, то открывайте видео прямо сейчас, если забыли как они работают, вам неминуемо нужно смотреть это видео. Это краткие уроки JavaScript для начинающих с самыми основными методами работы программирования под веб разработку на данном языке.

[@ВячеславКузьменко-д1е]

Есть еще одна полезная фишка: ставить таймкоды на видос. ;)

[@aammssaamm]

И не забивать эфир мерзкой музыкой.

[@_dyats]

ему не выгодно, тогда не будут смотреть все видео

[@alekseikriuchkov9193]

@@aammssaamm именно по этой причине выключил на 2й минуте, и соответственно диз...

[@WhatdJesusDo]

@@_dyats Все для людей!

[@t.i.i8608]

Вот именно

[@ProJavaScript]

2:17 Object.assign *не создаёт* новый объект из первого параметра (если это уже объект). Первый параметр только дополняется новыми свойствами, которые передаются во втором и последующих параметрах функции Object.assign. Выдержка из спецификации: Object.assign ( target, ...sources ) "function is used to copy the values of all of the enumerable own properties from one or more source objects to a target object." Таким образом пример на 8:30 с Object.is абсолютно бессмыслен, т.к. Object.assign вернёт тот же самый объект. "The length property of the assign method is 2." Свойство length функции = 2, поэтому, минимальное количество параметров функции Object.assign - 2 параметра. Object.is бесполезен на практике. Исключение: если нужно сравнить -0 и +0 и значение NaN.

[@maxexc6939]

дружище спасибо, он тут много чего ещё не показал, случайно зашёл) научил бы он народ читать документацию - цены бы не было ;)

[@maksymsalov7362]

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

[@КурашовЕвгений-н3ю]

Круто! Мне понравилось видео! Продолжай в том же духе. 👍

[@yesdoit9914]

Спасибо очень понятно и доступно объяснил 👍

[@ИльяМакаров-к2о]

ТОП! чего то давно не было новых видосов((

[@vadimmostovenko164]

Добрый день, видео очень полезное, хотя возможно стоит сделать полный разбор того, как можно создавать объекты в js, из замечаний, постарайся пожалуйста не так спешить, несколько моментов было очень срезанных, когда нужно ещё ловить секунду, на которой нужно паузу поставить, что бы увидеть, что там консоль выдала

[@valeria23333]

За видео спасибо,но музыка 🤦она не нужна

[@Leshanga]

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

[@mansurhamidoff1853]

myArray.forEach - цикл чтобы просто пройти по массиву с названием myArray. Есть и другие методы в этом духе для различных нужд вроде .some, .every, .map, .find, .reduce, .filter. Погуглите чтобы узнать побольше. А для объектов есть статические методы самого конструктора которые переводят объект в массив, а дальше уже применяете методы которые использовали с массивами. Object.keys(myObject) - получить массив из ключей объекта myObject Object.values(myObject) - массив из значений Object.entries(myObject) - массив из массивов пары [ключ, значение] объекта myObject. А дальше как с массивами Object.values(myObject).forEach(...)

[@nereonneo]

классный видос продолжайте аж все про JS

[@mrakcw]

Найс) да, да, пора использовать таймкод)

[@Ireile]

Спасибо за видео. 👍🏻

[@vkrian790]

Большое спасибо за видео!

[@vova2966]

Спасибо за полезный видос

[@agasitashchyan6036]

Я как понимаю JS только для отображение кое чего в консоль ..... может Кто то показать зачем нужны все умение создаваем переменных массивов вызов по селекторам тегам и тогда ли .. чтобы все выведись в консоль???

[@chipdouglas9495]

жс например получает по ajax с сервера массив обектов, вот перебираеш их и например выводиш на экран

[@Bugsy0987987]

начало 1:15

[@Shiwchik]

Какой самый простой способ добавить значение к уже существующему ключу в объекте? почему в интернете и в ютубе нет ответа нормального?

[@chipdouglas9495]

obj.key = val;

[@Shiwchik]

@@chipdouglas9495 спасибо конечно, но я уже бросил учёбу js =(

[@practicalgnome7372]

И ещё одна полезная фишка- шорткат для команды console.log() :)

[@SuprunAlexey]

Агаааа

[@arsa946]

Вопрос, а как в объекте передать функцию, например типа .text()? Чтобы она пристыковалась к вызову типа resque.text()?

[@chipdouglas9495]

var obj = { name: "Mavr", text: function( txt ){ console.log( txt ); }, age: 6 } obj.text("yo")

[@_c.ute.wolf_1576]

Недавно тоже об этом задумался. По факту в Object.assing() первым аргументом мы можем передать объект, а вторым объект с методом. const obj = { name: 'Alex', age: 25 } const func = (let) => { console.log(let) } Object.assign(obj, {func}) obj.func(4) Теперь у объекта obj появился метод func

[@sergeyvladimirov9994]

Нигде не могу найти как обьекту записать ключ и значение?? запись res[property[0]] = property[0] приводит к записи значение:значение, ключ: ключ

[@komiljonroziyev7291]

Спасибо. Следующий вопрос может быть банальный. А где можно тренировать то, чему научился, то есть где найти Real life tasks кроме как искать работу?

[@alexanderm6187]

Используй для этого pet projects - просто придумай любой проект и реализуй то, что придумал. Это может быть сайт для друга или какой-нибудь сервис - все, что угодно.

[@k0dzer0]

codewars вроде называется

[@komiljonroziyev7291]

@@alexanderm6187 окей, спс. Ща в Гугле поищу что можно сделать

[@aammssaamm]

Если вы не знаете где это тренировать, то вам нужно искать другую работу.

[@АртёмЛукичёв-п2ы]

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

[@TDmitry412]

Страшный и ужасный js )

[@egorkuznetski8459]

все он правильно говорит, в js объект это и есть ассоциативный массив. learn.javascript.ru/object - Свойство - это пара «ключ: значение» developer.mozilla.org/ru/docs/Web/JavaScript/Guide/Working_with_Objects - Объект - это набор свойств, и каждое свойство состоит из имени и значения, ассоциированного с этим именем.

[@edkar4629]

WDB последние две недели: ты должен знать!!

[@SuprunAlexey]

А что, нет? Завтра ещё покажу то, что должны знать 😇

[@inigoloy]

Нам очень не хватает рассказа про связку React, GraphQL, Apollo, MongoDB

[@SuprunAlexey]

Ок

[@lostvegas6675]

Как перебрать вложенные объекты, при условии что заранее не известно будут ли они в объекте и сколько их будет, например какой ни будь JSON с большим колличеством вложенностей?

[@АртёмЛукичёв-п2ы]

Не могу себе представить где это может пригодиться. В API используются конкретные свойства.

[@lostvegas6675]

@@АртёмЛукичёв-п2ы Бывают задачи когда не знаешь какой json прилетит, и нужно его разобрать и отобразить

[@ИванЖуравлёв-у5т]

Попробуй использовать цикл while

[@Arel368]

Obj = {}; Obj-arr= Object.keys(Obj); for (var i = 0; i < Obj-arr.lenght; i++) { console.log(“ключ : "+ Obj-arr[i]); console.log(“значение : "+ Obj[Obj-arr[i])] ; }

[@АртёмЛукичёв-п2ы]

@@lostvegas6675 ну вообще можно при помощи if. Например если существует obj.property, то записываем этот property в другой объект или отдельную переменную.

[@user-gf8mo6pg5o]

Можно название программы на который идёт запись видео? (Этого видео)

[@SuprunAlexey]

А вам зачем?

[@user-gf8mo6pg5o]

Web Developer Blog хотел бы тоже пользоваться, выглядит довольно красиво

[@komiljonroziyev7291]

Спасибо. А было видео про ООП и создание объектов с помощью функций (function User(name) {this.name = name}) или с помощью классов? Если было скиньте ссылку пожалуйста.

[@АртёмЛукичёв-п2ы]

Не функций, а прототипов.

[@komiljonroziyev7291]

@@АртёмЛукичёв-п2ы ну да, я пока даже не джун. Вот про них вопрос

[@SamPcheel]

@@АртёмЛукичёв-п2ы function User() {} это прототип что-ли?)))))))))))

[@elenasmirnova3549]

видео полезное. спасибо! но зачем музыка на заднем плане?! она бесит если честно и отвлекает очень!

[@Ликелов]

Го обзор на Bootstrap 5

[@SuprunAlexey]

Будет

[@Ликелов]

@@SuprunAlexey спойлер: jquery, прощай. Спойлер 2: переделали сетку

[@Ликелов]

@@SuprunAlexey borderы у форм контролов стали толще, кнопки стали цветнее

[@maxexc6939]

спсб, а где прототипы? и контекст

[@Andriy063]

Какой можно представить пример реального использования freeze?

[@mdreal3264]

Этот вопрос мне тоже интересно. И ещё seal тоже.

[@egorkuznetski8459]

удобно использовать для конфигов или enums

[@lpseeen5030]

где брать практические задания js

[@SuprunAlexey]

У меня на канале есть плейлист практика js

[@mini_clop]

www.codewars.com/

[@showrun4747]

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

[@Александр-и7р5ц]

Обясните пожалуйста ${} что значит эта конструкция

[@АртёмЛукичёв-п2ы]

Используется в строке, называется "template strings", нужна для того чтобы подставить значение переменной или какое-то выражение в строку. Например, " const port = 3000; console.log(`Сераер запущен на порту ${port}...`); ". В консоль выведется "Сервер запущен на порту 3000..."

[@redalert7658]

топчик

[@Layvis_]

сниппет в vscode для console.log() -> clg

[@SuprunAlexey]

У меня другой сниппет его перебил, этот не работает))

[@Andris_Briedis]

Я не понял. Почему свойства const obj могут быть изменены? С каких пор const не константина? Вот кто это придумал??? w3s перечитываю: "Constant Arrays can Change". ???????? На*ре*а тогда вообще "const"?

[@moskalenko2k24]

const означает что переменной нельзя присвоить новый объект, насколько я знаю

[@alexandermedinets9838]

если объект помечен ключевым словом const, то ему нельзя присваивать другой объект. Изменять же его содержимое мы можем. В этом разница между ссылочными типами данных(каким является Object) и значимыми

[@k3r3LL]

keys это не кейс(case) а кииз

[@jesshollman3308]

Здравствуйте! Проверьте пожалуйста почту c предложением от ConveyThis.

[@SuprunAlexey]

Здравствуйте, ничего не приходило

[@jesshollman3308]

@@SuprunAlexey напишите свою актуальную почту

[@miheyjumanjy8082]

НУ ВО ПЕРВЫХ УВАЖАЕМЫЙ АВТОР НЕ "ИВАН" А "АЙВАН" НУ ИЛИ "АЙВА" НА КРАЙНЯК... ТИ ЧЕ ВАЩПЕ УЖЕ НЕ ЗНАИЩ СКАЗАЛЬ КАК ПРАВЫЛЬНО!??? ЭТО ТАК ПРОСТО ПРИКОЛ А ЕСЛИ СЕРЬЕЗНО ,ТО СПАСИБО ЗА ПОЛЕЗНЫЕ СОВЕТЫ ; КОМЕНТ В ПОДДЕРЖКУ КАНАЛА ; СПС

[@artem0n]

Хотите расскажу главную фишку? Пользуйтесь документацией! developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Object Ее для кого вообще писали?

[@fedor4201]

с этой фразой "мы легко получили новый обьект" в 70% раз когда ты это говорил в видео это пиздежь=)

[@ЕвгенийПокалюк]

Зачем снимать такие видео, что лень зайти в документацию по js(-у)?

[@AhmedGD]

сказал переменную, а написал const

[@nastasiya_pant]

Так const-это и есть переменная, только помтоянная

[@AhmedGD]

@@nastasiya_pant ну ладно

[@vladocpro911]

Keys читается как кис

[@AndrewRubanov]

Все очень сухо и для незнакомого с этой темой так и останется не знакомой темой. Что почему как откуда зачем - автор видео пропускает мимо микрофона. Быстро натараторил, выложил, готово!

[@valeria23333]

Музыка не нужна, с ней плохо, очень

[@SUBSCRIBERSWITHOUTVIDEO-eu3ir]

Какое это переменные ? const - вроде бы константа , let и var переменные . Не понимаю , зачем людей в заблуждение водить ...

[@АртёмЛукичёв-п2ы]

"Чтобы объявить константную, то есть, неизменяемую переменную, используйте const вместо let". Константа является неизменяемой переменной, то есть её вполне можно назвать типом переменной. Источник: learn.javascript.ru/variables

[@vitiok78]

Делаем так: const a = {value: "1"}; a.value++; console.log(a.value); И тогда придёт понимание, что const - это не константа в понимании других языков программирования, а постоянная ссылка (постоянный указатель) на переменную. Но можно спокойно называть её переменной для удобства

[@mdreal3264]

@@vitiok78 В твоём примере да. А в этом нет. const a = 0; a++;

[@АртёмЛукичёв-п2ы]

@@vitiok78 вы изменяете свойство объекта, а оно, как и элемент массива по индексу, изменяется

[@vitiok78]

@@mdreal3264 Потому что 0 - это константа.

[@Эдгар-ч1ю]

Многие ждут нового плейлиста по верстки для средних и начинающих.

[@aammssaamm]

Читайте книжки и документацию. Если не можете, то вам нечего делать в вёрстке.

[@melenium]

@@aammssaammой ой

[@aammssaamm]

Что вас так всех клинит на этой мерзкой музыке? Вы глухие что ли?

[@x3mmusic1]

все так)

[@SuprunAlexey]

Уверен?

[@x3mmusic1]

@@SuprunAlexey окей, попробовал, был не прав)

[@alexsmith5841]

У const нельзя заменить весь объект, а отдельное свойство без проблем

[@88Artem88]

за видео like, а вот за английское произношение dislike =)

[@Dellon915]

Никакого разбора, все кратко, толку от такого видео 0 ! Зря потратил время

[@БендерЗадунайский-щ9ы]

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

[@aammssaamm]

@@prikirale Ещё один неуч-подчерпыватель. Что подчерпываешь? говнокодец?